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

    Hi,

    I have one remaining issue before I can launch this site: http://pgutters.jonevan.com/

    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).
    http://i58.tinypic.com/11h8c1u.jpg

    Thank you so much for your help! Keith

    • This topic was modified 10 years, 8 months ago by keithcrest.
    #239626

    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%; }
    }

    Regards,
    Yigit

    #239638

    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…)

    #239648

    Hi!

    You are welcome Keith, glad we could help :)

    Cheers!
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Moving Mobile Nav Below Header’ is closed to new replies.