Forum Support

Shape 5
March 29, 2024, 12:43:18 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: In small screens some Buttons are not Clickable  (Read 712 times)
yans
Jr. Member
**
Offline Offline

Posts: 133

Gravatar


« on: August 08, 2015, 04:09:16 AM »

Hi i check the site in smaller screens and i notice that in fp slider the buttons (Register and Watch) see picture is also overlapping with slider pagination
Link: http://www.taekwondoetu.org/new_version
how can i fix that in demo site behaves better
« Last Edit: August 08, 2015, 04:30:29 AM by yans » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: August 10, 2015, 10:18:31 PM »

Hello,

The demo site uses less text lines meaning your text is closer to the bottom of the image where the buttons are located. Your options are to adjust the margins in the CSS to move the text containers further up or reduce the amount of text being used in the vertical input boxes of the module.

Regards,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
yans
Jr. Member
**
Offline Offline

Posts: 133

Gravatar


« Reply #2 on: August 12, 2015, 03:56:51 AM »

Hi Mike
No I don't think so, we use the same lines in addition i make smaller some fonts
look pictures 5 lines s5 5 lines my site
Regards
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: August 12, 2015, 11:21:40 PM »

Hello,

The non clickable buttons is occurring when the Register button overlaps the navigation <div> at the bottom. There isn't really a good way to fix that as there will always be overlapping at a certain point. You can remove the navigation completely as we have done in the demo so the text has the full area to render. Another option would be to hide the text with a media screen call but I think removing the navigation would make more sense. Just reduce the animation time per slide so they appear more often.

Regards,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
yans
Jr. Member
**
Offline Offline

Posts: 133

Gravatar


« Reply #4 on: August 13, 2015, 12:07:44 AM »

Hi Mike
You are right but i need the navigation because i use slider also like a "event news"
How can i hide a particular line for example the "?? new event ??" text area that is not so important in smaller screen?
regards
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: August 13, 2015, 12:31:34 AM »

Hello,

Something like this would hide it at 750px.

Code:
@media screen and (max-width: 750px) {
.bg_eventdate {
display:none;}}
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
yans
Jr. Member
**
Offline Offline

Posts: 133

Gravatar


« Reply #6 on: August 13, 2015, 02:46:24 AM »

Is not working strange  Cry
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: August 14, 2015, 12:15:55 AM »

Hello,

Try using !important and clearing the cache. You can also adjust 750px to adjust when it will be hidden.

Regards,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
yans
Jr. Member
**
Offline Offline

Posts: 133

Gravatar


« Reply #8 on: August 14, 2015, 01:13:31 AM »

Yup !important did the Job i also changed the 750 to 850
Thanks  Grin
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #9 on: August 14, 2015, 01:19:14 AM »

NP Smiley
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.