Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 18, 2016 at 11:12 am #616259
    crg1

    How do I disable the homepage slider on mobile devices? As you will see from my website it loses quite a bit of the slider content when viewed on tablets and mobiles.

    April 19, 2016 at 8:27 am #617208
    Rikard

    Hey crg1,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.home #full_slider_1 {
display:none !important;
}
}

    Best regards,
    Rikard

    April 19, 2016 at 9:45 am #617251
    crg1

    That seems to help for iPhone, however is still does not display correctly on ipad in portrait or landscape mode.

    April 19, 2016 at 9:59 am #617257
    crg1

    Also, when displayed on iPhone portrait the logo is not displaying Enfold theme is that problems always rear their head when it comes to mobile display.

    April 21, 2016 at 5:54 am #618889
    Rikard

    Hi,

    Please try this instead: 

    @media only screen and (max-width: 1024px) {
.home #full_slider_1 {
display:none !important;
}
}

    Best regards,
    Rikard

    April 21, 2016 at 11:16 am #619043
    crg1

    This has helped on all but one device which is iPhone portrait mode where the logo is the problem. Is there any way that the logo can resize according to the screen dimensions?

    April 22, 2016 at 8:29 am #619614
    Rikard

    Hi,

    It looks fine on my end using iphone6/chrome, could you post a screenshot of what you are seeing on your end and what model/browser you are using please?

    Regards,
    Rikard

    April 22, 2016 at 8:57 am #619641
    crg1

    Hi, I was using the following website for responsive testing and it just appears that the navigation menu overlaps the logo on iPhone in portrait mode, however if you are saying that it is fine with iPhone 6 that sounds good enough for me http://responsivedesignchecker.com/

    April 22, 2016 at 10:02 am #619682
    Vinay

    Hey!

    please check the steps provided in this link to resolve the menu overlaping issue in tablets

    Menu overlaps logo on tablets

    Cheers!
    Vinay

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