Align icons in the header

Align icons in the header

Suco
Explorer
117 0 14

IMG_2670.jpeg

 Hello guys, I put a code to paste the menu on the left side on the home page but I saw that later when I go to the product page it changes the arrangement as it is in the image below, I wanted to align as it is on the home page without removing the menu on the left side

I use refresh theme 

https://www.behumblee.com/

Pass-Humblee3030

Thanks a lot ❤️

 

 

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
2305 834 907

Hi @Suco

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

 

@media (max-width: 988px) { 
   .header .header__heading-link {
      margin-right: auto !important;
   }
}

 

Here is result: 

BSSTechVenture_0-1716253841713.png

Hope this can help you,

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

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

niraj_patel
Shopify Partner
2391 516 513

Hello @Suco 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (max-width: 989px) {
  .header--mobile-left .header__heading-link{
       margin-right: auto !important;
   }
}
</style>

techlyser_web_0-1716261837451.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

EFOLI-Emilia7
Shopify Partner
349 11 38

Hello @Suco,

Need to add code into base.css file

 

@media(max-width:768px){
    .header.header--top-left header-drawer{
        flex: 1 1 50%;
    }
    .header.header--top-left .menu-drawer-container{
        flex: 1 1 200%;
    }
}

 

 

banned