How can I make my website header smaller on elyra.com.au?

Technical Q&A
1

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!

2

hi, @elyra

Make your logo height smaller.

Thank you.

3

@Zworthkey I’ve done that but it only shrinks the logo while the header remains the same.

4

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

1 Like
5

@ZestardTech Thank you so much!

1 Like
6

Kindly feel free to get back to me if you need any further assistance Thanks!