How to modify Refresh theme header for better navigation?

[DogTimez]

Hello,

I’m trying to do three things to my header in Refresh theme:

1. Center the menu navigation options

2. Increase the font size

3. Decrease the bottom margin/padding
   

   

[made4Uo]

Hi @DogTimez ,

1. In your Admin store, click Online store > Themes
2. Go to the theme you want to edit, click Actions > Edit code
3. In your Asset folder, open the base.css and add the code below

NOTE: Adjust the font-size to whatever you like

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

nav.header__inline-menu {
    text-align: center;
}
}

a.header__menu-item.header__menu-item.list-menu__item.link {
    font-size: 20px;
}

[DogTimez]

Worked perfectly. Thank you, much appreciated!

[Puy]

hello using refresh theme need help in making image with text section full width

[Maksim1996]

Hey can you help me? I used your code and it works but for some reason, the tabs with a submenu are shown smaller than the other ones. I would like all tabs to be the same font size. The theme I used is refresh. I’ll provide a Screenshot.

Kind regards Max

[KFORREST]

I have the Refresh theme but I have dropdowns that are effecting the end result of what I see.

Would you be able to help? This is my site

https://creativedesignsbykari.com/

[manunivas]

I am on Refresh 13.0.1 an I pasted the code at the bottom of base.css and saved. I did not work for me. I am not sure what am I missing?