Have your say in Community Polls: What was/is your greatest motivation to start your own business?

navitgation menu placement

Solved

navitgation menu placement

siemonLumier
Excursionist
42 0 4

hello guys does any one know how i get the menu to the left in the corner.

 

it is now showd to much to the right i want it whole the way left,

site: Lumiér (lumiertherapy.nl)

siemonLumier_0-1715681304982.png

 

Accepted Solution (1)
BSSCommerce-HDL
Shopify Partner
2305 834 908

This is an accepted solution.

Hi @siemonLumier, Pls insert this code to your file css :

.page-width {
    max-width: 100vw !important;
    margin: 0 !important;
}

 Here is result: 

BssTechVenture_0-1715684427417.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

View solution in original post

Replies 8 (8)

ThomKnepper
Shopify Partner
194 30 72

Hi there,

 

Do you want to only move the menu? Or make the entire header move to the sides? I would not recommend to only move the menu but also the icons since the design would not look nice then.

Best wishes,
Thom Knepper - Athom.Agency
- Was my reply helpful? Please Like to let me know!
- Was your question answered? Awesome! Please Mark it as an Accepted Solution
siemonLumier
Excursionist
42 0 4

yeah the menu to the left and icons to the right just in the corners i find that nicer than this 

BSSCommerce-HDL
Shopify Partner
2305 834 908

Hi @siemonLumier,

You can try this code by following these steps:

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

BssTechVenture_0-1715683652508.png

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

BssTechVenture_1-1715683706431.png

 

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

 

 

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
    transform: translateX(-85px);
  }
}

 

Here is result: 

BssTechVenture_0-1715683899420.png

 

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

siemonLumier
Excursionist
42 0 4

for the menu left and icons right?

BSSCommerce-HDL
Shopify Partner
2305 834 908

This is an accepted solution.

Hi @siemonLumier, Pls insert this code to your file css :

.page-width {
    max-width: 100vw !important;
    margin: 0 !important;
}

 Here is result: 

BssTechVenture_0-1715684427417.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

siemonLumier
Excursionist
42 0 4

which file?? 

 

cant find file css

BSSCommerce-HDL
Shopify Partner
2305 834 908

Hi @siemonLumier, Let's try to search file base.css, theme.css or styles.css

BssTechVenture_0-1715685439514.png

 

 

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

siemonLumier
Excursionist
42 0 4

tried to paste it in base file but didnt change my bro