Shopify themes, liquid, logos, and UX
Hi Folks
Anyone know how to change the text size for this menu/header?
I am using the refresh theme.
Thank you!
PS I have already added this code, but this is only changing the text size on the navigation menu once the dropdown arrow is clicked.
@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;
}
Solved! Go to the solution
This is an accepted solution.
That worked perfectly, thank you!
Hey @Sewade101,
Modified your CSS code, please replace with the following
@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,
.header__menu-item span {
font-size: 20px;
}
This is an accepted solution.
That worked perfectly, thank you!
@Sewade101 - I added your code snippet to my base.css file on version 15.1 of the Refresh theme. However, the submenu items are still the original font size. How do we adjust these to be the same size? Thanks!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024