Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1426544

    Hello,

    It appears the menu on our site is squishing into the logo when changing the browser size. Any help is appreciated!

    ~MacKenzie

    #1426545

    Hey vantagepointmg,
    I recommend having your menu chang into a burger menu for 1366px and below. To do this try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

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

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1426558

    Looks like that did the trick! Thank you!

    #1426568

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu Display Issue’ is closed to new replies.