Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 11, 2016 at 5:27 pm #581770
    EricSmeets

    If I view my website: http://www.ericsmeets.nl/testserver/ on an Ipad for example with a lower resolution the menu items disappear behind the logo and also start a second row. So I was thinking to switch to the phone layout (with the mini-menu) as soon as the text starts dissapearing behind the logo. This happens it the width of the screenresolution is smaller than 1100 pixels. So how can I tell my website to switch to phone view faster?

    Thanks! Eric.

    February 11, 2016 at 5:36 pm #581775
    Yigit

    Hey EricSmeets!

    Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Best regards,
    Yigit

    February 11, 2016 at 6:07 pm #581788
    EricSmeets

    Okay, I used the script in the second link and now most of it works fine except the h1 titles inside a content section on the top of the page disappear on my Ipad. Any idea?

    February 11, 2016 at 6:25 pm #581805
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
h1.av-special-heading-tag {
    font-size: 32px!important;
}}

    Regards,
    Yigit

    February 11, 2016 at 8:05 pm #581846
    EricSmeets

    Now I see that inserting the above 2 codes didn’t cause the h1 to disappear. It is another problem. Do you have a tablet there maybe? I am not sure if it only happens with an Ipad1 or with more tablets as well.

    February 11, 2016 at 9:57 pm #581888
    Basilis

    Hey!

    can you upload a screenshot from the tablet, so we can give it a quick look?

    Best regards,
    Basilis

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