How to center the menu and prevent images from being cut off?

Technical Q&A
1

Hi everyone

Site: https://housedoctor-shop.myshopify.com/

Pass:soltest

@MarinaPetrovic Again, thank you for all your help. This should be my last question :slightly_smiling_face:

We previously evenly distributed menu items in this post: https://community.shopify.com/topic/1725655

I have two questions. Can i center the menu to the very center of the page? As you can see the items are slighty to the left. And can we make it so that images are not cut off? This may have been a side effect from our previous thread. Thank you so much!

Tupperton_0-1663750668823.png
Tupperton_0-1663750668823.png1899×922 54.4 KB

2

Hi @Tupperton

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store->Theme->Edit code

assets->component-menu-dropdown.css

.list-menu-dropdown .header__menu-item {

justify-content: center !important;

}

Best regards,

PageFly

3

Thank you for you reply.

I’ve added the code, but it didn’t solve the issue.

4

as i see it’s already centered

PageFly_0-1663758283336.png
PageFly_0-1663758283336.png1888×906 74.5 KB

5

It’s close, but if you look at the logo the center of the menu is a bit to the left. Same thing if you measure from left and right to the first item.