What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Help me please. Sets the header only in the cart, where the folder with this code is located

Solved

Help me please. Sets the header only in the cart, where the folder with this code is located

CHERKASOV
New Member
4 0 0

Help me please. Sets the header only in the cart, where the folder with this code is located

Снимок экрана 2022-12-08 011957.png

Accepted Solution (1)
GemPages
Shopify Partner
5625 1262 1254

This is an accepted solution.

Hello @CHERKASOV ,

 

I would like to give you a recommendation to support you so kindly follow steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
#your-shopping-cart .site-header.left {
 width: 100% !important;
 float: none !important;
}
</style>

 

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 6 (6)

GemPages
Shopify Partner
5625 1262 1254

Hello @CHERKASOV ,

 

It's GemPages support team and glad to support you today.

 

Could you please share your display that you want.

 

In addition, could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
CHERKASOV
New Member
4 0 0

Hallo) https://icelry.com/cart

The problem is only in the header on one page

CHERKASOV
New Member
4 0 0

I found this code in this script but nothing changes when disconnected

Снимок экрана 2022-12-08 093353.png

CHERKASOV
New Member
4 0 0

Decided! Added to cart-template.liquid

   <style>
     .left {
     width: 100%;
     min-inline-size: -webkit-fill-available;
     }
   </style>
GemPages
Shopify Partner
5625 1262 1254

This is an accepted solution.

Hello @CHERKASOV ,

 

I would like to give you a recommendation to support you so kindly follow steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
#your-shopping-cart .site-header.left {
 width: 100% !important;
 float: none !important;
}
</style>

 

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

Ujjaval
Shopify Partner
1242 197 213

@CHERKASOV 
put below css to resolve header problem into theme.css file 

 

header.site-header.left {
    width: 100% !important;
}

Ujjaval_0-1670570201451.png