Solved

Help with design product page

MT27
Pathfinder
145 6 10

Pass: biangu

Url: www.matibrnd.com

Please help with these 3

1. The site is horizontally scrollable.

MT27_0-1711556901883.png

 

2. View my cart button is barely visible

MT27_1-1711556923393.png

3. When we add products to the cart, the button disappears.

MT27_2-1711556973061.png

 

 

 

 

 

Accepted Solution (1)

Raj-webdesigner
Shopify Partner
236 52 53

This is an accepted solution.

First Issue Add This css In  your base.css
|

#shopify-section-template--18448488431883__0d36fe3e-71e5-4265-b621-f33e9f51b4b0 {
    overflow: hidden;
}

Secound issue To add This Css  in base.css

a#cart-notification-button {
    background: #bcbec2;
}

 Third issuse To add This Css In base.css 

.button:disabled,
.button[aria-disabled="true"],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled="true"],
.customer button.disabled {
  cursor: not-allowed;
  opacity: 1 !important;
}
.button.loading {
  color: #000 !important;
  position: relative;
}
If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com

View solution in original post

Replies 4 (4)

theycallmemakka
Shopify Partner
1398 311 336

Hi @MT27 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
main#MainContent {
    max-width: 100dvw!important;
    overflow: hidden;
}
a#cart-notification-button,
.cart-notification__links a {
    color: #fff;
}
div#es-popup-button {
    display: flex!important;
    visibility: visible!important;
}
.button:disabled,
.button[aria-disabled="true"],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled="true"],
.customer button.disabled {
  cursor: not-allowed;
  opacity: 1 !important;
}
.button.loading {
  color: rgba(0,0,0,0.5) !important;
  position: relative;
}
</style>

 

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Raj-webdesigner
Shopify Partner
236 52 53

This is an accepted solution.

First Issue Add This css In  your base.css
|

#shopify-section-template--18448488431883__0d36fe3e-71e5-4265-b621-f33e9f51b4b0 {
    overflow: hidden;
}

Secound issue To add This Css  in base.css

a#cart-notification-button {
    background: #bcbec2;
}

 Third issuse To add This Css In base.css 

.button:disabled,
.button[aria-disabled="true"],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled="true"],
.customer button.disabled {
  cursor: not-allowed;
  opacity: 1 !important;
}
.button.loading {
  color: #000 !important;
  position: relative;
}
If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
MT27
Pathfinder
145 6 10

thank you so much, can you please help me with this as well. Sections are not centered as screens get bigger for some reason. will also tip you for the great job.

https://community.shopify.com/c/shopify-design/cente-a-section/m-p/2505986#M657880

prakashVt
Shopify Partner
95 9 16

Hello @MT27 
1. Horizontal Scroll bar: Due to minus margin right

prakashVt_0-1711557716683.png

2. View my cart button:  Need to apply a white color and border 

prakashVt_1-1711557866454.png

3. Add to cart button: Button background is fine but your svg spinner color has white so it is not visible. Need to change it to white like this 

prakashVt_2-1711558237146.png

 

 

 

- Did you find my response useful? Mark it as "Accepted solution"; so others can see it, or just like it.
- VTN Power Wishlist Looking for a Wishlist App for your store? Check this app with the free plan available.
- Feel free to Contact me