FROM CACHE - en_header

How can I make sure my main page content doesn't overlap with my mobile navbar?

Solved
VFlex
New Member
4 0 0

I'm having a lot of trouble with my mobile navbar recently. Now on my product page only, the main page content overlaps with the mobile navbar.

Is there any fix for this? Thanks in advance!

I use Shopify theme Brooklyn.

VFlex_1-1634302162380.png

desktop view and desktop navbar.

VFlex_2-1634302194083.png

mobile view with mobile navbar

website: veganflex.co.uk
pw: peothu

 

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1512

This is an accepted solution.

Hii, @VFlex 
Paste this code on top of the timber.scss file.

@media screen and (max-width: 768px){
div#PageContainer {
    margin-top: 50px !important;
}
}

Thank You.

View solution in original post

Replies 2 (2)
Zworthkey
Shopify Partner
5581 642 1512

This is an accepted solution.

Hii, @VFlex 
Paste this code on top of the timber.scss file.

@media screen and (max-width: 768px){
div#PageContainer {
    margin-top: 50px !important;
}
}

Thank You.

VFlex
New Member
4 0 0

Thanks! worked perfectly! By the way, do you know how I can change the style of the open menu when you click the menu burger in mobile view?