How to make header shorter (and 1 line only)

Store Design
, , , ,
1

Hello!

I have the Blockshop theme and in the menu design for it the logo is on top, very big, and the menu in the bottom. The theme doesn’t let me have it in 1 line only (and therefore, a shorter header like I want to) :disappointed_face:

Ideally I would have the Icon first for the homepage, and then the menu + search ; or (equally ideal) the menu > icon > search (something like that! but one line only in order to have a smaller header in height).

I’ve tried a lot of apps, but I can’ seem to find anything that works. I’ve also tried some code I saw here, but can’t seem to make it work either. I’ve also messed around a lot with the theme - I can make the logo smaller, but after a certain size the header stops changing in size as well, and it continues very big. I appreciate if anyone can help! Thank you so much

2

@souajoana Can you please provide the URL of your store and if it is password protected please share the password too. Thanks

3

Hi @souajoana

Could you share your store URL? I also guess the issue caused by your logo, please crop above and below blank space of your logo and check again

4

Hi @souajoana

Please kindly share your store URL and password so we can take a look :heart: Thank you

Best,

Daisy

5

Hi @souajoana ,

Please send the website link, I will check it for you

6

It’s still private, and it’s for a client, so I do not have the password!

7

It’s still private, and it’s for a client, so I do not have the password!

And the logo doesnt’t have any margins at all ;(

8

It’s still private, and it’s for a client, so I do not have the password!

9

It’s still private, and it’s for a client, so I do not have the password! :disappointed_face:

10

Hi @souajoana ,

It’s really hard to check without seeing it, can you send anything via private message? it will help with security and I will check it

11

Got this preview link! https://9p8g8w90cv3gf5v0-67695149268.shopifypreview.com

Does it work to understand if there’s a solution? Thank you so much :slightly_smiling_face:

12

Hi @souajoana ,

Please go to Customize > Header > General layout > Layout > Logo left, navigation left.

Screenshot.png
Screenshot.png784×996 30.7 KB

I hope it helps!