The header menu not centered in live view

[CelineGar1]

Hi,

I have an issue with the live view. I am changing a website that is using the Symmetry theme. In the customize view the header menu is placed in the centred. When I look at live view, the menu is slightly to left. How can I make sure this doesn’t happen.

[Dan-From-Ryviu]

This display really depends on width of your screen. Could you send me your store URL so I can check and solve it for your store?

[websensepro]

Hi @CelineGar1

Can you Please provide store URL

[CelineGar1]

https://www.garzini.com/

[GemPages]

Hello @CelineGar1

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store → Theme → Edit code.

2. Open your assets/style.css theme file.

3. Add the code at the end of the file:

@media only screen and (min-width: 1200px){
  ul.tmenu_app_desktop {
      width: 100%
  }
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[websensepro]

Hi @CelineGar1

1. Go to the online store

2. Edit the code base.css file below paste the code :

ul#qikify-tmenu-megamenu-1 {
width: 100%;

}

[Ujjaval]

@CelineGar1 add below css into your style.css file

@media only screen and (min-width: 1024px){
  ul.tmenu_app_desktop {
      width: 100%
  }
}

[CelineGar1]

Hi, nothing is happening.

[CelineGar1]

hi,

I tried, but nothing is happening.

[Ujjaval]

@CelineGar1
it’s centered now can you check with the magnifying glass :

[CelineGar1]

not on my screen