Solved

navitgation menu placement

siemonLumier
Tourist
39 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)
BSSTech-Venture
Shopify Expert
506 136 157

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 😍

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 8 (8)

ThomKnepper
Shopify Partner
188 30 69

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
Tourist
39 0 4

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

BSSTech-Venture
Shopify Expert
506 136 157

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

 

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

siemonLumier
Tourist
39 0 4

for the menu left and icons right?

BSSTech-Venture
Shopify Expert
506 136 157

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 😍

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

siemonLumier
Tourist
39 0 4

which file?? 

 

cant find file css

BSSTech-Venture
Shopify Expert
506 136 157

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

BssTechVenture_0-1715685439514.png

 

 

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

siemonLumier
Tourist
39 0 4

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