Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 18, 2014 at 9:08 pm #239610
    keithcrest

    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, 7 months ago by keithcrest.
    March 18, 2014 at 9:54 pm #239626
    Yigit

    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

    March 18, 2014 at 10:02 pm #239638
    keithcrest

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

    March 18, 2014 at 10:07 pm #239648
    Yigit

    Hi!

    You are welcome Keith, glad we could help :)

    Cheers!
    Yigit

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