Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 17, 2016 at 9:43 pm #615912
    ac

    Hi, you kindly gave me some code to make a border at the top of layerslider but isn’t working any more – it did work initially, and I can’t work out what’s changed!

    Also I have found some code on a previous thread to make the navigation buttons not appear on mobile but again it isn’t working, so the navigation buttons obscure the content on the layerslider when in mobile view.

    Please can you help.

    thanks,

    April 19, 2016 at 2:51 am #617019
    Yigit

    Hey andrea!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
.home #main {
    margin-top: 5px;
}}

    Regards,
    Yigit

    April 19, 2016 at 9:26 am #617240
    ac

    Hi, i’ve added that and it has stopped the hover navigation buttons appearing on mobile, but I’m still not seeing the top border on the layerslider – can you help on that as well?

    April 19, 2016 at 12:49 pm #617350
    Yigit

    Hi!

    Please change the code to following one 

    @media only screen and (max-width: 768px) {
.home #main {
    margin-top: 5px!important;
}}

    Best regards,
    Yigit

    April 19, 2016 at 1:25 pm #617373
    ac

    Thank you, the border is appearing now, but probably needs to come on earlier – there is a gap where the normal navigation disappears and then the border appears.

    Also, the other bit of code which removes the hover navigation buttons on mobile has stopped working again – seems I can have either the border or no navigation buttons! copied below the relevant code I now have in place

    April 22, 2016 at 6:03 am #619523
    Ismael

    Hi!

    You don’t need to add multiple css media queries if they are targeting the same screen size or device. It’s also not working because there is a missing bracket in the css code. Combine the code like this

    
@media only screen and (max-width: 767px) {
.avia-layerslider {
	border-top: 2px solid #45273E!important;
	margin-top: 3px;
}

#top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next {
	display: none !important; 
}

.home #main {
	margin-top: 5px!important;
}
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.