Small change header logo - remove margin

Highlighted
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
Highlighted

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
Highlighted
Globetrotter
703 65 82

@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 me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Globetrotter
703 65 82

which view are you checking?

 

i checked on browser views and it looks fine

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Tourist
14 0 0

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

0 Likes
Highlighted
Globetrotter
703 65 82
I checked mobile view, it looks fine, which specific view? can you let me
know more?
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes