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

Solved
VFlex
Tourist
4 0 1

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
2567 309 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 2 (2)
Zworthkey
Shopify Partner
2567 309 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

VFlex
Tourist
4 0 1

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?