Small change header logo - remove margin

Tourist
13 0 0

Hi, The logo margin overlaps most of the menu and makes it hard to click. How can I move the menu burger button in front of the logo to make it clickable? Or how can I reduce the margin size of the logo.

 

Untitledxx.png

 

Theme is brooklyn, website is portafit.net

Thanks!

0 Likes

There's a CSS attribute called z-index that would allow you to move it to the front. You could also remove the margins and add padding instead but personally I would center the logo and have more grey area at the top of the hero image so it's not covering the guys head.

Making Shopify Tasks Straight Forward

Website: https://theshoptinkerers.com/
0 Likes
Navigator
282 30 33

@Portafit wrote:

Hi, The logo margin overlaps most of the menu and makes it hard to click. How can I move the menu burger button in front of the logo to make it clickable? Or how can I reduce the margin size of the logo.

 

Untitledxx.png

 

Theme is brooklyn, website is portafit.net

Thanks!


you can either reduce margin or use z-index property for meu button, give me link of your site, let me check it 

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Navigator
282 30 33

which view are you checking?

 

i checked on browser views and it looks fine

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Tourist
13 0 0

Hey, It is for the mobile view. Site is portafit.myshopify.com

0 Likes
Highlighted
Navigator
282 30 33
I checked mobile view, it looks fine, which specific view? can you let me
know more?
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes