How to center menu bar in Empire theme?

[TimeSystems]

Hello,

Did anyone know how can I center the main menu bar on all of the pages?

Also, , when the cursor go to the button of the word (likes wifi time clocks) on the main menu bar, can it from colour black to blue colour?

Shop link here:

https://www.timeclocksinc.com/

Thank you so much!!

[Moeed]

Hey @TimeSystems

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

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

Best Regards,
Moeed

[Rahul_dhiman]

Hello @TimeSystems
Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css
at the very end of the file

.site-navigation .navmenu-depth-1 {
padding-left: 100px;
}

the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[TimeSystems]

You are brilliant. It’s work!!!Thank you so much!!

Also, do you know how to make the color change when the cursor go to menu bar button text? From black become blue, just like below image.

(The cursor to the center product, and the text will from Black to Blue), can it happen on menu bar?

[TimeSystems]

Thank you so much!! Appreciated for your help.

Also, do you know how to make the color change when the cursor go to menu bar button text? From black become blue, just like below image.

(The cursor to the center product, and the text will from Black to Blue), can I do it on menu bar?

[Rahul_dhiman]

Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css
at the very end of the file

li.navmenu-item .navmenu-link:hover {
    color: #2488e6;
}

If this was helpful, hit the like button and mark the job as completed.
Thanks