Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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

    #1210824

    Hey 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,
    Nikko

    #1211126

    Thank 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?

    #1211166

    Hi 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,
    Nikko

    #1211291

    Thanks for your response. Its not working though — I get the burger menu when I hold the iPad portrait but not landscape. Any ideas?

    #1211295

    Hi,

    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 Shannon

    #1211298

    Did both of those things and its still not working. I am trying on both safari and chrome on the ipad.

    #1211343

    Hi,

    Please provide admin info so we can login and look into this issue further.

    Best regards,
    Jordan Shannon

    #1211469

    Thank you!

    #1211594

    Hi,

    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,
    Rikard

    #1211875

    Well, 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

    #1212370

    Hi 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,
    Nikko

    #1212407

    These 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.png

    #1213095

    Hi 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

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