clintonjacob

OK, so I actually just copied and pasted the above code into the mobile section that covers 320px and 480px wide pages and it worked. It fixed the menu to the top of the mobile page. Looks great as long as you keep your page to 1-2 pages.

Now that I have done this I need to shift the entire page down, starting with the header banner image (cupcake and ribbon banner). Where is this specified? How do I move the whole page down?

You got it! Thank you!

Thank you Caroline. Do you have an example of where in the mobile detection section the nav bar location is defined? I’m looking at the CSS, but the only thing that hints at a position is:

.navbar {
border-top: 2px solid #422619;
position: fixed;

Is this what I need to change for all of the resolutions?

The business hasn’t launched yet, so I’m trying to keep it on the DL. Basically, if you load any close-to-stock version of this buttercream theme on a mobile device such as an iPhone you will see what I mean. I currently has the nave menu on the bottom of the page. I would like to move it to the top, or explore ways to manipulate it.

Any way to move the mobile version of the nav bar to the top?