How to remove white space above banner - Simple Theme

New Member
2 0 0

Hi all,

Could someone explain to me how to change the clickable area of the logo as represented by the "yellow" rectangle in the screenshot below?
I just want the clickable area to be the same size as the logo. It's preventing the horizontal banner from being moved higher and closer to the top of the page.

I'm using the free "Simple" Shopify template.

Here's my site info: http://outdoortankless.com/ 
Pass: priaxu

Thanks!

 

0 Likes
Highlighted
New Member
2 0 0

Any ideas?

0 Likes
Highlighted
Shopify Expert
9812 92 1574

Adding this to the bottom of the stylesheet  *might* work.

/* override the size of the logo anchor */
header div.container.lower h1#logo a {
    display: inline-block;
    width: auto;
    height: initial;
    padding:0 0 .75em;
}

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
Highlighted

Hiiii;
We provide End to End Shopify Store development Solutions.
Please contact us Via Skype or Email.
Skype : ms11921
email : mach4businesssolutions@gmail.com

Regards

Team Mach-4

@Shopify Experts Directory: https://experts.shopify.com/ms-webservices
0 Likes
Highlighted
New Member
1 0 0

I'd like to try pasting this code, but where is the stylesheet? I can't find a css file anywhere. I am assuming this goes into one of the .liquid files? 

0 Likes