Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 24, 2019 at 3:51 pm #1058203
    StormWebDesign

    Hi Guys,

    In your theme header options you have the facility to have the logo centred with the menu below. Is there any way for the menu to be positioned left and right of the logo? I’ve provided a link to a PDF in the Private Content section to show you how I would like the header to be positioned.

    Your support would be greatly appreciated.

    Thanks in advance,
    Johnny

    January 25, 2019 at 12:45 pm #1058661
    Victoria

    Hey StormWebDesign,

    Please refer to a solution posted here in our docs

    Menu

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

    January 25, 2019 at 1:47 pm #1058717
    StormWebDesign
    This reply has been marked as private.
    January 26, 2019 at 10:42 am #1059093
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    February 14, 2019 at 3:58 pm #1067015
    StormWebDesign

    Hi Guys,

    Thank you for your previous response however the burger menu is not showing in iPad portrait or landscape and the menu is overlapping the logo. The burger menu also jumps to the left on some screen sizes and totally disappears on others. Is it possible to have the burger menu positioned right until the monitor reaches something like 1366px?

    Thank you again for your valued support.

    February 16, 2019 at 6:25 am #1067619
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    If you need further help then please check the login details as they are not working.

    Best regards,
    Rikard

    February 17, 2019 at 9:03 pm #1067998
    StormWebDesign
    This reply has been marked as private.
    February 18, 2019 at 1:51 pm #1068355
    Victoria

    Hi,

    Now that you use the burger menu on the screens up to 1365px, you need to adjust this code
    :

    
@media only screen and (min-width: 780px) {
.av-main-nav-wrap {
    left: 45%;
    transform: translateX(-50%);
}
}

    to

    
@media only screen and (min-width: 1365px) {
  .av-main-nav-wrap {
       left: 45%;
       transform: translateX(-50%); 
  }
}

    And add this code too

    
.av-main-nav-wrap {
    top: -39px;
}

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

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