Brooklyn Theme - Mobile Header Issues

New Member
3 0 0

Hi there, i have a few issues on my mobile site i want to fix. thanks in advance for helping!

 

1. i made some changes with the shopify support to put my menu over a white stripe but now the height is too high and they said i can't change it anymore.. the menu on my homepage and other pages don't match in height. how can i fix this?

ideally i would like to:

- decrease the height

- vertically center my icons and company name

- have my header the same everywhere on the site

 

2. the burger icon and cart are not aligned correctly. they are a little off. 

 

i have attached some images.

 

IMG_3386.PNGIMG_3385.PNG

0 Likes
Trailblazer
153 15 19

Hi Aaron,
Can you provide us your theme preview URL? So we can take a look on it.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Trailblazer
153 15 19

It needs some adjustments with CSS.
Also we noticed the white bar and "free shipping" are over the slider. It should look like this:
71079291_1692390687558867_5828167550046830592_n.png

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
New Member
3 0 0

true, how do i fix that?

0 Likes
Trailblazer
153 15 19

You need to work on your header.liquid and found the elements you need to customize on theme.css
Also on slideshow.liquid you need to add a padding-top to move down the slider.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes