How to make the nav menu text size bigger(box 1) and the login text and icon bigger?
Last question is how increase the search bar area’s height?
Thank you.
Hi @JMUDental
May I suggest to update code these steps:
- Go to Store Online-> theme → edit code
- Assets/theme.css
- Add code below to bottom of file
@media(min-width: 1024px){
/* Increase 1px -> replace 1px with your size */
.site-navigation .navmenu-depth-1 > li > details > navmenu-link,
.site-navigation .navmenu-depth-1 > li > a {
color: #fff !important;
font-size: calc( var(--font-size-menu) + 1px);
}
.site-navigation .navmenu-depth-1 > li > details > navmenu-link svg {
width: .75rem;
height: auto;
}
/* Increase 2px -> replace 1px with your size */
.site-header-actions li a {
font-size: calc(var(--font-size-menu-body-small) + 2px);
}
.site-header-actions .site-header-cart-icon svg,
.site-header-actions .site-header-actions__account-link svg, .
site-header-actions .site-header_account-link-anchor svg {
max-height: 2rem;
max-width: 2rem;
}
.site-header-cart svg {
width: 2rem;
height: 2rem;
}
/* Search bar */
.site-header-main {
padding: 25px 10px 25px;
}
.live-search-form .form-field,
.live-search {
height: 60px;
}
.site-header-cart {
top: -23px;
}
}
Hi [email removed]JMUDental,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css,
Step 3: Paste the below code at bottom of the file → Save
#shopify-section-static-header .navmenu-link-depth-1,#shopify-section-static-header .site-header_account-link-text{
font-size:24px !important
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly