Help with design product page

[MT27]

Pass: biangu

Url: www.matibrnd.com

Please help with these 3

1. The site is horizontally scrollable.

2. View my cart button is barely visible

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

[theycallmemakka]

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

[Raj-webdesigner · 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;
}

[MT27]

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]

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

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

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