How to move the menu to the right side without moving the logo

How to move the menu to the right side without moving the logo

IntechCarl
Shopify Partner
194 1 19

Hi everyone,

I wanted to adjust my menu to the right side without moving the store brand? Does anyone know how? See photo for reference:

Store Preview URL: https://1r0c4mtux8ldg2yl-13830324282.shopifypreview.com

IntechCarl_0-1741058573696.png

 

Replies 9 (9)

Promer-Alena
Shopify Partner
250 25 86





IntechCarl
Shopify Partner
194 1 19

Hi @Promer-Alena Thank you for your response, it doesn't work.

bryan76
Navigator
399 8 86

you could add some code to adjust the margins 

IntechCarl
Shopify Partner
194 1 19

Hi! @bryan76 how do I do that?

bryan76
Navigator
399 8 86

it looks like the header has been altered that is causing this problem.  what exactly happened to cause this?

 

you could  pinpoint the code of the box and add some left margin

 

 

IntechCarl
Shopify Partner
194 1 19

I added some code to move it to the left end, but the problem is it also moved the nav bar with the logo:
@media (min-width: 750px) {
.header { max-width: 100% !important; }
}

bryan76
Navigator
399 8 86

yes. you are moving the entire header with that code.   which you should as the logo is further left that the rest of the page.  somehow something you did messed up the header in a major way.  I would try to unwind what you did and go back to how it was originally vs. trying to add more problems to already botched code

 

you could search for the code of the menu items and more them but if you moved just those to the right they would cover up the account and cart buttons.  plus you have this floating search bar that covers up the menu items already

 

looks like you added an app that threw off the header and jacked up the site.   this is going to cause you all sorts of problems. 

 

I understand you want a search bar.  I coded down with one from ezfy.  you can google how to do it.  works well and it is free

 

 

IntechCarl
Shopify Partner
194 1 19

@bryan76 , I have reverted it, so how can I move just the store logo? and also make the nav bar in just one line. See photo for reference:

IntechCarl_0-1741066654216.png

 

bryan76
Navigator
399 8 86

that is due to the font size, size of the screen, number of characters in the menu names, etc.  

 

why not change the logo to top left?  (instead of middle left)  that will give more room for the menu items