Logo is creating a Large Blank Space at The top of Page

Solved
New Member
4 0 0

Hello,

 

I'm very new to this... Adding a logo has created a large white space at the top of my site that I don't know how to remove or reduce. I am including a picture. I could make the logo smaller, but is since it is on the side above the side bar, is it possible for the main section of the site to be brought up to the same level as the logo? I'm using the 'Simple' theme.

 

Thanks, LeeScreenshot 2019-11-20 at 17.32.58.png

0 Likes
Navigator
357 39 40

@positivitylondo wrote:

Hello,

 

I'm very new to this... Adding a logo has created a large white space at the top of my site that I don't know how to remove or reduce. I am including a picture. I could make the logo smaller, but is since it is on the side above the side bar, is it possible for the main section of the site to be brought up to the same level as the logo? I'm using the 'Simple' theme.

 

Thanks, LeeScreenshot 2019-11-20 at 17.32.58.png


please share your website link and password if any.. CSS may solve the issue

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

paypal.me/suyashpatankar
0 Likes

Success.

Hi Positivitylondo

Find the below code in your assest/theme.scss.css file :

@media only screen and (min-width: 750px){
.site-header {
    height: 140px;
}
}

Replace the height:110px; instead of height:140px;

Let me know if any more query.

 

Thank you :)

Want to modify or custom changes on store hire me.
Shopify Developer | Email:pinkal.beladiya2911@gmail.com | Skype ID: live:f9802098aa87af33 | Skype Name: Pink@l Bel@diy@
0 Likes
New Member
4 0 0

I found this code which is slightly different but looks like it worked:

@include media-query($medium-up) {
.site-header {
height: 140px;
}
}

 

Thanks for your help :)

0 Likes