How to move menu words to the centerand enlarge words

Store Design
,
1

how would i go about moving the menu items to the middle and the logo more left so its plush on web and enlarging the menu items font and icon as they are a bit small :confused: using dawn

1 Like
2

Hey,

Can you share your store url please.

3

pass - pass

4

Search first it’s a literal rule.
https://community.shopify.com/search?q=dawn+center+menu
https://community.shopify.com/search?q=dawn+move+logo

And you’ve posted enough to know to provide store info upfront or a preview etc.
If your going to game the system to take advantage of contributors that don’t know any better to farm out the work for multiple sites at least have the courtesy and respect for those contributors to not make them dig the info out each time.
Or just plain do it to save time not having to wait to be asked.

5

@JGBowie you want like this? it is not perfect, needs multiple more css settings but can be done

image
image1366×768 93.1 KB

6

Please add this code to Custom CSS in theme settings

@media (min-width: 990px) {
    .header--middle-left {
        grid-template-columns: 1fr auto 1fr !important;
    }
}
8

Hello, @JGBowie

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / base.css file and paste the code in the bottom of the file.

    .header:not(.drawer-menu).page-width {
        display: flex !important;
        justify-content: space-between !important;        
    }

image
image1336×534 60 KB

Thank You!