Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1176248

    Hello,

    Menu continues under logo on ipad (logo is on the left with the menu next to it). The menu does not collapse on time so that menu items run behind the logo. See: http://maastrichtvooriedereen.nl.transurl.nl/

    How to adjust this. Making everything much smaller is not really an option and I don’t want the logo above the menu either.

    Hope to hear.
    Regards Tom

    • This topic was modified 4 years, 10 months ago by tom.
    #1176426

    Hey bishstan,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 1024px) {
      nav.main_menu, #menu-item-search {
        display: block !important;
      }
      .menu-item {
        display: none;
      }
      .av-burger-menu-main.menu-item-avia-special {
        display: block;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1176705

    Hello,

    Sorry, no result for both options
    Note: on the desktop it is not a problem, it only concerns the ipad !!
    Maybe you can view it yourself on an ipad.

    Below is how it looks like in the custom.css, put it below “Mobile and Tablet Portrait view”:
    ——————–
    /* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
    /* General Custom CSS */
    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */
    }
    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */

    }
    @media only screen and (max-width: 1024px) {
    nav.main_menu, #menu-item-search {
    display: block !important;
    }
    .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    • This reply was modified 4 years, 10 months ago by tom.
    #1177088

    Hi,

    This is what I see on my end on ipad: https://imgur.com/a/Bs8lDW1, is that correct or not? If you are not seeing that on your end then please try to open the page in an incognito or private window in your browser.

    Best regards,
    Rikard

    #1177159

    Hello,

    This is what I, and others, see on the ipad: https://imgur.com/a/iDoltON
    Menu runs behind logo.

    I removed the code since it had no effect.
    Question, did I place the code correctly in the cutom.css?

    And what do you mean by “…. open the page in an incognito or private window in your browser.”?

    Regards Tom

    #1177450

    Hi,

    I added the code Victoria posted to your Quick CSS and saved, it’s now applying to your site.

    Best regards,
    Rikard

    #1177645

    Hello Rikard,

    I had also added that code first in the Quick CSS, but then under all the other code that is already there. I didn’t see a difference then, but luckily it works now. I am very satisfied with your support and I love Enfold, great !!

    Regards Tom

    • This reply was modified 4 years, 10 months ago by tom.
    #1177997

    Hi,

    Awesome! Glad to know that it’s working now. Please don’t hesitate to open a new thread if you need anything else. We’ll close this one for now.

    Have a nice day.

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Menu continues under logo on ipad (logo is on the left with the menu next to it)’ is closed to new replies.