Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 19, 2017 at 10:42 am #853784
    teme

    I have modified “Logo left, menu right” header so that the logo is in the left and menu is in the center and it looks good. However, the submenu using megamenu is now positioned in a wrong place (see the example in the private content). How I can “reset” that megamenu position?

    Another question: I want megamenu to be 100% browser width, but there always seems to be some margins in the left and in the right.

    • This topic was modified 8 years, 4 months ago by teme.
    September 19, 2017 at 1:40 pm #853841
    teme

    Hi again, I found a earlier topic and tried “#header .avia_mega_div {left:-500%;}” on my page. It does something, but when the screen size changes, the menu doesn’t stay in the center. I’d like to center the mega menu independently from the main header menu, so that the content in both main header menu and sub mega menu is always centered based on browser width, not based on the main menu link button location.

    • This reply was modified 8 years, 4 months ago by teme.
    September 21, 2017 at 2:01 pm #854856
    Victoria

    Hi teme,

    This rule breaks the menu on mobile
    https://cl.ly/1S413v210U0q

    It should be in the media query for desktop screen sizes:

    
@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

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

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