How do I move my 3 column header bar up on mobile

Store Design
, , , , ,
1

Hi guys, I was wondering if you could help my on my website. My header column bar is too low for me and I was wondering how I can make it higher?

BrickBuidz_0-1695697208824.png
BrickBuidz_0-1695697208824.png430×413 23.6 KB

Any help is greatly appreciated!!!

here is website:

https://brickbuildzz.com/

2

Hi @BrickBuidz ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css file.

Add this following code at the bottom of page.

@media screen and (max-width: 768px){
  .header {
   grid-template-areas: 'left-icons heading icons menu' !important;
  }
  header-drawer {
   grid-area: menu !important;
  }
}

David_SHT_0-1695704033602.png
David_SHT_0-1695704033602.png750×1626 93.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

3

that didnt do anything I was wondering how to move the column bar up, if you could help me that would be great!