How can I change my navigation menu placement on my desktop version

Solved
5ivePanel
Tourist
7 0 2

I'd like to move my menu bar from my desktop version. At the moment it is under my logo. Id like to see it on the right of my logo on top of the page. I attached an image of my site at the moment.

Accepted Solution (1)
David_SHT
Trailblazer
605 123 123

This is an accepted solution.

  • About question change your font. If you want to change the font customization. This is completely doable, but customization requires you to know the code.If you're not confident in your coding skills, consider consulting a Shopify expert or developer for assistance.
  • Your theme has an update. if you update theme. It will lose the code you added before and you have to add it again. but it can't mess your site up

f I managed to help you then, don’t forget to Like it and Mark it as Solution!

 

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

View solution in original post

Replies 10 (10)
David_SHT
Trailblazer
605 123 123

Hi @5ivePanel ,

 

This is David at SalesHunterThemes.

I read your problem and it seems that I need to analyze your website to provide the solution here.

Would you please share your website URL

if your website is password protected then also provide the password.

David | SalesHunterThemes team.

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

5ivePanel
Tourist
7 0 2

I actually just figured out how to change the placement of my menu. But I do have a different question you might know how to fix.

 

On my header on the main page, I made the header transparent but I see a random tiny thin black line going across the whole page. Is it possible to get rid of that?

David_SHT
Trailblazer
605 123 123

Hi, Can you give me the url so I can check it for u.

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

David_SHT
Trailblazer
605 123 123

Hi @5ivePanel ,

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> base.css file.

Add this following code at the bottom of page.

 

media screen and (min-width: 1280px)
.header-wrapper #header {
    box-shadow: box-shadow: none !important;
}
}

 

result:

David_SHT_0-1695173212723.png

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

5ivePanel
Tourist
7 0 2

hello david. I did as you said. I havent seen a change on the black thin line. Does it take a little before it works?

5ivePanel
Tourist
7 0 2

also, side question. Ive wanted to change my font. But ive been told not to, because most computers wont have the font I want to change it to. Also if my theme has an update it can mess my site up. Is that true? Or should I make the change?

David_SHT
Trailblazer
605 123 123

Hi @5ivePanel

 Replace the code you added before with this code:

 

media screen and (min-width: 1280px){
 .header-wrapper #header {
    box-shadow: box-shadow: none !important;
 }
}

 

 

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

5ivePanel
Tourist
7 0 2

still no luck even when i replaced the new code. Black line is still there.

David_SHT
Trailblazer
605 123 123

This is an accepted solution.

  • About question change your font. If you want to change the font customization. This is completely doable, but customization requires you to know the code.If you're not confident in your coding skills, consider consulting a Shopify expert or developer for assistance.
  • Your theme has an update. if you update theme. It will lose the code you added before and you have to add it again. but it can't mess your site up

f I managed to help you then, don’t forget to Like it and Mark it as Solution!

 

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)