Small change header logo - remove margin

Tourist
14 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. Contact me directly to get help with your Shopify website quickly and painlessly.

Website: https://theshoptinkerers.com/
0 Likes
Navigator
313 34 34

@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
313 34 34

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
Highlighted
Tourist
14 0 0

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

0 Likes
Navigator
313 34 34
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