-
Posts
-
Hello,
I have built several sites on “Enfold” but this site… http://www.taftayers.com is having an issue. I have tested the site on several devices and it works on all mobile devices except Iphones. The website works, the issue is that it cuts off part of the header images. It does not do this on android phones ( I have tested it on 5 different types). Please help me as soon as possible.
thank you,
Joe
Hi Joe,
I only have an iphone 4 to test with but the header image looked fine on my end, could you post a screenshot highlighting the problem please?
Regards,
RikardI don’t know how to send you the photo. I click the image button and it ask for a url. I have the image as a jpeg. Advice?
Hey,
You can upload it to for instance http://imgur.com and then paste the url here.
Best regards,
RikardHi,
It looks like you are using an ipad to get that result? I checked on mine I get the same result as well, could you try to activate the mobile menu for that screen size as well to see if that helps? Please try the following in Quick CSS:
@media only screen and (max-width: 1024px) { nav.main_menu {display:none !important;} #advanced_menu_toggle, #advanced_menu_hide {display:block !important; } }Regards,
RikardHi!
just copy and paste Rikard’s code into Quick CSS field, which you can find in Enfold->General Styling->Quick CSS. Make sure to copy it from this forum directly and not from any email notification.
Regards,
AndyI went ahead and added it to the Quick CSS. this made no noticeable changes to the website. via tablet or otherwise. The website looks even worse from this Iphone that i looked at it on. I took a bunch of screen shots and will post the links.
The gentlemen who’s website this is, is needing this site done asap. This is his business site and it is a major hold up that this wont work on an iphone or ipad. Please help me find a solution.
Links to photos from an Iphone 6
This is from an Iphone 6
Hey!
1.) try to control image on your first screenshot with this code in Quick CSS field:
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .av-parallax.avia-full-stretch.active-parallax.enabled-parallax { background-position: -58px 45px !important; }}2.) I couldn’t find image showing on your second screenshot on your website. We need to be able to inspect it, so a precise link is necessary.
3.) same es 2.)
4.) Use this and adjust as needed:
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .av-parallax.avia-full-stretch.active-parallax.enabled-parallax { background-position: -58px 45px !important; }}If you really need to adjust every single image, then you need to activate Custom Class for all ALB elements and give your images a unique CSS class, otherwise you will effect all parallax images with the code above.
Regards,
AndyOk so i don’t really know how to do the things you were wanting me to do, so i started playing around with it myself and i found a different way to fix the issue. So I am good. But when I used the first css code you gave me it messed up the mobile menu for iphones and ipads. Now next to each item there is a little blue box. I deleted the css code but it didn’t fix it. Any ideas?
Hi!
not sure what you mean, because I can’t see any blue box on mobile menu and the code I provided to you is not creating any blue box at all. If you want to add screenshots here use imgur.com or dropbox please, because otherwise they won’t be loaded.
Regards,
AndyAll I was saying, is the menu started doing this the minuted that I put in the Quick CSS that you gave me the first time. I have even tried building a new menu, but it didn’t work.
Hey!
Thank you for the update. Kriesi posted this code to fix the mobile menu issue with iPhones. Please add it in the Quick CSS field:
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before { content: "\25BA"; }Make sure to hard refresh the page or remove browser cache before checking it again.
Cheers!
Ismael
- You must be logged in to reply to this topic.