Why is my header bar half cut off on mobile view?

Store Design
1

Hi so my header bar is half cut off on my mobile version of my site

URL: https://www.billieandco.com.au

picture attatched

2.png
2.png591×1280 488 KB

1 Like
2

@BillyBoyCo

sorry for that issue

can you please check mobile theme setting maybe allow this stick issue or top 2 text bar

3

@BillyBoyCo

Please add the following code at the bottom of your assets/style.scss.liquid file.

@media (max-width: 577px){
.brand-logo { padding-top: 85px!important; }
}

Hope this works.

Thanks!

1 Like
4

@dmwwebartisan

Hey mate that works perfect what else can i add for the header menu to do the same thing

1 Like
5

@BillyBoyCo

Remove this previous css code

@media (max-width: 577px){
.brand-logo { padding-top: 85px!important; }
}

Add this new css code

@media (max-width: 577px){
.brand-logo {padding-top: 35px!important;}
.main-menu .menu-right {padding-top: 85px !important;}
}

Thanks!

1 Like