Liquid, JavaScript, themes, sales channels
Hi
Im wanting my make my header small but haven't found an answer.
website is elyra.com.au
I also have uploaded my own theme. Thanks!
Solved! Go to the solution
This is an accepted solution.
Hello There,
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#header.header6 .site-header .middle-header-content .middle-header-wrapper .site-header__logo {
padding: 5px 10px 0px!important;
}
#header.header6 .site-header .nav-megamenu .site-nav li.level0 > a {
padding-top: 15px!important;
padding-bottom: 15px!important;
}
Screenshot :- https://prnt.sc/10jjyst
@Zworthkey I've done that but it only shrinks the logo while the header remains the same.
This is an accepted solution.
Hello There,
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#header.header6 .site-header .middle-header-content .middle-header-wrapper .site-header__logo {
padding: 5px 10px 0px!important;
}
#header.header6 .site-header .nav-megamenu .site-nav li.level0 > a {
padding-top: 15px!important;
padding-bottom: 15px!important;
}
Screenshot :- https://prnt.sc/10jjyst
Kindly feel free to get back to me if you need any further assistance Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024