How can I move my mobile nav menu to the bottom of the screen?

Store Design
1

Hello,

I am trying to move my menu to the bottom like the attached photo has:

Menu.PNG
Menu.PNG491×927 268 KB

2

Hello, @xtina334

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide solution here.
Would you please share your website URL and if your website is password protected then also provide password.

1 Like
3

Thank you so much

My website is shopgoldencat.com and password is coco

4

@xtina334

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 767px) {
.header-bar {
    position: fixed;
    width: 100%;
    bottom: 0%;
    z-index: 10;
}
}
1 Like
5

Wow thank you it worked!! I just want it to be this color: FCF1EB

How do I add that color to the menu bar on mobile? Thank you!!!

6

@xtina334

@media only screen and (max-width: 767px) {
.header-bar {
    background-color: #FCF1EB;
}
}
1 Like
7

@Hardik29418 Thank you so much, I appreciate it!!

1 Like
8

@xtina334 Thank you for the update.

1 Like