Shape 5

Joomla Templates => Eventfull - Club => : yans August 08, 2015, 04:09:16 AM


: In small screens some Buttons are not Clickable
: yans 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

: Re: In small screens some Buttons are not Clickable
: mikenicoll 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,

: Re: In small screens some Buttons are not Clickable
: yans 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

: Re: In small screens some Buttons are not Clickable
: mikenicoll 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,

: Re: In small screens some Buttons are not Clickable
: yans 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

: Re: In small screens some Buttons are not Clickable
: mikenicoll August 13, 2015, 12:31:34 AM
Hello,

Something like this would hide it at 750px.

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

: Re: In small screens some Buttons are not Clickable
: yans August 13, 2015, 02:46:24 AM
Is not working strange  :'(

: Re: In small screens some Buttons are not Clickable
: mikenicoll 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,

: Re: In small screens some Buttons are not Clickable
: yans August 14, 2015, 01:13:31 AM
Yup !important did the Job i also changed the 750 to 850
Thanks  ;D

: Re: In small screens some Buttons are not Clickable
: mikenicoll August 14, 2015, 01:19:14 AM
NP :)