-
Posts
-
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.
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,
RikardThat seems to help for iPhone, however is still does not display correctly on ipad in portrait or landscape mode.
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.
Hi,
Please try this instead:
@media only screen and (max-width: 1024px) { .home #full_slider_1 { display:none !important; } }Best regards,
RikardThis 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?
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,
RikardHi, 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/
Hey!
please check the steps provided in this link to resolve the menu overlaping issue in tablets
Cheers!
Vinay
- You must be logged in to reply to this topic.