Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 25, 2020 at 6:31 pm #1263054
    jscarlett

    The logo is overlapped by the main menu text on desktop view so I am trying to get the burger menu to appear sooner when the window is reduced in width.

    I used the code below but if I change the width to 1200px the main menu disappears at the correct time but the burger menu does not appear until the site is 990px wide. So in between 990 and 1200 there is no menu at all.

    Please can you help?

    Thanks

    /* Activate burger menu */
    @media only screen and (max-width: 990px) {
    #top #header .av-main-nav > li.menu-item {
    display: none!important;
    }
    #top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
    }}

    November 25, 2020 at 11:04 pm #1263120
    Victoria

    Hey jscarlett,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? You seem to be running an old version of the theme.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 26, 2020 at 11:39 am #1263233
    jscarlett

    Hi Victoria

    I’ve created an admin user in the private content box.

    The Enfold version is the latest 4.0.7.

    Thanks

    Jane

    • This reply was modified 4 years ago by jscarlett.
    November 27, 2020 at 4:51 am #1263442
    Rikard

    Hi Jane,

    Thanks for that. First off, please update to the latest version of the theme, which is 4.7.6.4. The update to 4.7.x has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541

    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/

    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.

    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    Once you have updated, then please use this in Quick CSS:

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

    Best regards,
    Rikard

    December 8, 2020 at 11:48 am #1265723
    jscarlett

    Hi Rikard

    Thanks very much and that worked!

    Jane

    December 8, 2020 at 12:16 pm #1265729
    Yigit

    Hi Jane,

    Glad Rikard could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Widen main menu width before burger menu appears’ is closed to new replies.