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


    I have one remaining issue before I can launch this site:

    Things are fairly straightened out for mobile, I think, but I can’t find documentation on how to position the mobile navigation below the header area, rather than to the right of it, as if it were part of the header.

    I have tried CSS and reading around various articles on the site, but cant seem to locate the answer. I have attached a graphic that shows where it is (red circle) and where I want it to be, full-width (red line).

    Thank you so much for your help! Keith

    • This topic was modified 3 years, 7 months ago by  keithcrest.

    Hey keithcrest!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 480px) {
    .responsive .logo a, .responsive .logo img {
    height: auto !important; }
    #header_main {
    height: 210px;
    #advanced_menu_toggle, #advanced_menu_hide  { 
    right: 35%; top: 140%; }



    Thank you, Yigit! I feel confident in saying I would never have figured that out! Keith

    (You can set this as “resolved.” I don’t see a place where I could do that for you…)



    You are welcome Keith, glad we could help :)


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Moving Mobile Nav Below Header’ is closed to new replies.