-
AuthorPosts
-
May 7, 2020 at 9:03 pm #1210809
1) How can I get the mobile/hamburger menu to show up on the iPad? I have it checked in the Enfold settings, but it does not seem to respond.
2) I have created two full screen sliders on the home page – one for the phone and one for the other screens. How can I change the font size of the button (underneath the caption) just for the phone?
Thanks
May 7, 2020 at 11:00 pm #1210824Hey ginnywills,
1. Go to Enfold > Main Menu > General (tab) > Menu Items for mobile set this to Activate for Ipad.
2. Go to Enfold > General Styling > Quick CSS, then add this CSS code:@media only screen and (max-width:767px) { #top.home #wrap_all #full_slider_2 .avia-slideshow-button { font-size: 16px; line-height: 1.4; } }
This code only affects the 2nd slider of the homepage.
Best regards,
NikkoMay 8, 2020 at 6:39 pm #1211126Thank you. Using that CSS worked for my font size problem
However, on #1, I already have the mobile menu clicked to “Activate for smartphones and tablets” but its not working. Do you have a CSS trick?
May 8, 2020 at 8:06 pm #1211166Hi ginnywills,
Can you try adding this CSS code in Quick CSS:
@media only screen and (max-width:1024px) { .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { display: block; } }
Best regards,
NikkoMay 8, 2020 at 11:18 pm #1211291Thanks for your response. Its not working though — I get the burger menu when I hold the iPad portrait but not landscape. Any ideas?
May 8, 2020 at 11:28 pm #1211295Hi,
Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.
Best regards,
Jordan ShannonMay 8, 2020 at 11:33 pm #1211298Did both of those things and its still not working. I am trying on both safari and chrome on the ipad.
May 9, 2020 at 5:37 am #1211343Hi,
Please provide admin info so we can login and look into this issue further.
Best regards,
Jordan ShannonMay 9, 2020 at 6:38 pm #1211469Thank you!
May 10, 2020 at 7:03 am #1211594Hi,
Thanks for that. I checked your site and the code is applying, the mobile menu activates at 1024 pixels on my end. Could you try loading the site in a private/incognito window please?
Best regards,
RikardMay 11, 2020 at 5:33 pm #1211875Well, the iPad I have been using is still showing the normal menu but I checked others and they show the burger menu so I assume its a cache problem. Thank you!
Can I ask another question – I have a different website that uses background images that look great on the Ipad using Chrome, but terrible on Safari. is there a way to fix that?
lorihaasart.com
May 12, 2020 at 9:42 pm #1212370Hi ginnywills,
I tried to check on it but I don’t really see any difference in Chrome or Safari.
Can you try to give us a screenshot of how it looks on chrome and safari on your end?Best regards,
NikkoMay 12, 2020 at 11:40 pm #1212407These are screenshots from Safari when using the iPad. You can see how blurry and vague the background images are as opposed to Chrome or on the desktop.
https://lorihaasart.com/wp-content/uploads/2020/05/IMG_0249.png
https://lorihaasart.com/wp-content/uploads/2020/05/IMG_0250.pngMay 15, 2020 at 4:14 am #1213095Hi ginnywills,
I apologize for the delay, I could not really find the cause of the issue.
Do you have some image optimization plugin? if yes can you try to turn it off?
Also it seems like the image is fetched from some cdn, can you try to disable cdn and check if it does hep.Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.