Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1250901

    Hi,
    Absolutely love the theme and stellar support. I’m trying to correctly align the Header Menu using a Header Widget and I have two problems that I can’t figure out how to resolve. The header order I am trying to achieve is: Logo Left, Menu Left, Widget Right. I currently have that order but there are two problems:

    1) The Practice Areas mega menu is loaded to the left and runs off the screen. Can that load to the right instead?
    2) I need to know how to adjust the menu in responsive view – smaller viewpoints look horrible – menu items get cut off and the widget area is squished.

    Site details in private content.

    Thanks,
    Gabe

    #1251248

    Hey Gabe,

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

    nav.main_menu {
        display: block;
    }
    
    #custom_html-7 {
        position: absolute;
        right: -400px;
        top: 25px;
    }

    If that is not what you are looking to achieve then please try to explain your intentions a bit further, or post a screenshot highlighting what you would like to achieve.

    Best regards,
    Rikard

    #1251451
    This reply has been marked as private.
    #1251774

    Hi Gabe,

    Thanks for the clarification. I’m not sure if it will work, but please try this in Quick CSS:

    #header li .avia_mega_div, #header li:hover .avia_mega_div {
        right: -250px !important;
    }

    Best regards,
    Rikard

    #1252320
    This reply has been marked as private.
    #1252329

    Forget it. I figured out the issue. It was a padding issue.
    Case closed.
    Thanks for your help.

    #1252415

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to align the Header Menu correctly using a Header Widget’ is closed to new replies.