Mobile View is shown overflow

Solved

Mobile View is shown overflow

relishnineties
Tourist
9 0 5

Hello Everyone,

 

My site is shown overflown on Mobile view.

Header shows overflown to right , Footer shows overflown to right and bottom.

Tried different solutions from previous posts but did not work.

 

Can someone please help in this?

 

 

Accepted Solutions (4)
BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

- Here is the solution for you @relishnineties 
- 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) {
.footer-block--newsletter {
    margin-left: 0px !important;
}
}

- Here is the result you will achieve:

BSSTekLabs_0-1723733458460.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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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

View solution in original post

BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

@media only screen and (max-width: 600px) {
.header__icons {
    position: absolute !important;
    right: 112px !important;
}
}

Can you add more this code to last line file base.css @relishnineties 

 

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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

View solution in original post

BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

change this code 

@media only screen and (max-width: 600px) {
.header__icons {
    position: absolute !important;
    right: 112px !important;
}
}

to this code 

@media only screen and (max-width: 600px) {
.header__icons {
    position: absolute !important;
    right: 144px !important;
}
    .small-hide {
        display: flex !important;
    }
}

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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

View solution in original post

BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

- Here is the result you will achieve:

BSSTekLabs_0-1723736869355.png

 

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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

View solution in original post

Replies 10 (10)

BSS-TekLabs
Shopify Partner
2401 695 830


Hello @relishnineties 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist 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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
relishnineties
Tourist
9 0 5

Hell @BSS-TekLabs ,

 

Please find address (https://relishstore.in/)
password: 1Minute@plz

BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

- Here is the solution for you @relishnineties 
- 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) {
.footer-block--newsletter {
    margin-left: 0px !important;
}
}

- Here is the result you will achieve:

BSSTekLabs_0-1723733458460.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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
relishnineties
Tourist
9 0 5

Hi @BSS-TekLabs ,

 

Thanks for the response. My footer overflow is gone now.

But Header now does not show Add to Cart/Wishlist/Login button on Mobile.

BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

@media only screen and (max-width: 600px) {
.header__icons {
    position: absolute !important;
    right: 112px !important;
}
}

Can you add more this code to last line file base.css @relishnineties 

 

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
BSS-TekLabs
Shopify Partner
2401 695 830

- Here is the result you will achieve: 

BSSTekLabs_0-1723734563160.png

 

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

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
relishnineties
Tourist
9 0 5

Hi @BSS-TekLabs ,

 

Thank you for your quick response. All the solution provided worked for me.

Thanks for your quick responses.

BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

change this code 

@media only screen and (max-width: 600px) {
.header__icons {
    position: absolute !important;
    right: 112px !important;
}
}

to this code 

@media only screen and (max-width: 600px) {
.header__icons {
    position: absolute !important;
    right: 144px !important;
}
    .small-hide {
        display: flex !important;
    }
}

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

- Here is the result you will achieve:

BSSTekLabs_0-1723736869355.png

 

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
BSS-TekLabs
Shopify Partner
2401 695 830
@media screen and (min-width: 990px) {
    .header__inline-menu {
        position: absolute !important;
        left: 21px !important;
    }
}

BSSTekLabs_0-1723738996267.png

 

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)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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