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

Solved

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

Fukuro
Tourist
6 1 2

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.

Fukuro_0-1723564582206.png

 

2. 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:

Fukuro_1-1723564657475.png

 

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

Fukuro_2-1723564688137.png


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

Website: www.fukuroandfriends.com
PW: KLM25671

 

Accepted Solutions (2)

BSS-TekLabs
Shopify Partner
2144 634 737

This is an accepted solution.

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- 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:

BSSTekLabs_0-1723566469707.png

BSSTekLabs_1-1723566480746.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Fukuro
Tourist
6 1 2

This is an accepted solution.

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:

Fukuro_0-1723571274995.png

 

View solution in original post

Replies 2 (2)

BSS-TekLabs
Shopify Partner
2144 634 737

This is an accepted solution.

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- 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:

BSSTekLabs_0-1723566469707.png

BSSTekLabs_1-1723566480746.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Fukuro
Tourist
6 1 2

This is an accepted solution.

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:

Fukuro_0-1723571274995.png