Hey, how can i remove this white bar under my menu bar in the mobile view? I appreciate any help!

So my problem is that when i am in the home page everything looks okay

until i switch to mobile view and i see this annoying white line under my menu bar. i tried everything to remove this line, but nothing seems to work for me.

please if anyone knows how to fix this problem let me know. THANKS! :slightly_smiling_face:

And this is my store link:

https://animo-wrld.myshopify.com/

and the password is: 123456

Add this rule to the bottom of theme.css

#PageContainer, .page-container{
  padding-top: 50px;
}

@media only screen and (max-width: 780px) {
    .site-header {
      border-bottom: none;
  } 
}

@ahmedvall – bonjour … first of all, thanks for including the URL and password right away … that makes answering this a lot easier than in many other cases.

You need to modify one or two rules – the easiest way to do that is by adding the following to the end of your /assets/theme.(s)css(.liquid)-file:

@media screen and (max-width: 749px) {
  #PageContainer {
    padding-top: 51px;
  }
}

Result:

Should you also want to remove that thin white hairline, also add the following:

@media screen and (max-width: 749px) {
  .site-header {
    border-bottom: none;
  }
}

Hope this helps!
Mario

1 Like

Sorry @Nick_Marketing – seems like we were working in parallel …

2 Likes

Hi, @ahmedvall .

Thanks for your message, your shop design looks great so far. I can certainly see why you would want to get rid of that white portion whilst in your mobile view. My first question would be, what Theme are you using for your shop? If you are using a third-party theme, I would recommend reaching out to your theme’s developer or a Shopify expert to see if they can help you out directly as we cannot support third-party themes. If you are using a Shopify theme, this may be something our themes team can help you out with directly, as long as you have not manipulated any coding yourself.

While we’re not able to provide account-specific support via the Shopify Community at this time, we’d be happy to continue assisting you through live chat, email, or callback. Please visit our Help Center here and log in to your account to create a support request. Once you reach a live support member and explain the issue, they will be able to reach out to our themes team directly to see if this is something they can help you out with directly.

I hope this helps get you on the right track, please feel free to reach back out here with any questions you may have.

1 Like

Hi I am experiencing the same problem and this solution did not work for me. Any advice?

www.vonsorella.com