White box on right side of mobile view + hamburger menu too much on the left

Hi everyone,

I am struggeling to get a couple things fixed on my shopify page:

  1. I want all texts to begin after a gap, but some of the elements dont react to the code. For instance here right on the homepage, both on mobile and desktop view.

  1. the burger menu on the left is too much on the left and somehow cut off right on the edge. I have no idea how this happened and would like it to have a white gap just like on the right:

  1. there is a large white gap on all pages in mobile view, that I just cant get rid of:

I have been struggeling for hours to fix it. Any idea? Greatly appreciated :slightly_smiling_face:

Website: www.fukuroandfriends.com
PW: KLM25671

  • Here is the solution for you @Fukuro
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (max-width: 600px) {
.section-template--20122491388240__featured_collection_EXmqGV-padding {  
margin-left: 5% !important;
    margin-right: 5% !important;
}
header-drawer {
    margin-left: 0 !important;
}
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hey,

Thanks - in shopify mobile view it looks fine. But when I check on my phone its still an issue. How can this be?

Also, the white screen is this there: