Remove white space underneath logo - Supply Theme

ProfileMusic
Tourist
14 0 6

Hey,

Currently on my website on mobile (https://store.profilemusic.net.au/) there is a lot of white space below the logo and where the "Recommendations" start. 

1) Is there a way to reduce this white space?

2) Is there a way to add a horizontal line below the logo to break it up?

I've attached an image of what we would ideally like it to look like. Any help would be appreciated!

Cheers,
Alec

IMG_20210615_140322.jpg

0 Likes
Wahab_Ahmad
Shopify Partner
717 112 176

Hello @ProfileMusic,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of the file

 

@media only screen and (max-width: 600px) {
  .main-content{
	padding-top:0px;
	}
   #shopify-product-reviews .spr-header-title, .h1, h1{
		margin-bottom:0px;
	}
}

 

Want to modify or custom changes to store hire me.
If helpful then please Like and Accept the Solution.

 

0 Likes
Pallavi
Shopify Expert
2352 394 508
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media only screen and (max-width: 749px) {
  .main-content{
padding-top:0px!important;
}
   #shopify-product-reviews .spr-header-title, 
   .h1, 
   h1{
margin-bottom:0px!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
ProfileMusic
Tourist
14 0 6

@Wahab_Ahmad 

Thank you, it is definitely better but I still see a good amount of white space underneath the logo.

Would you know how to add a horizontal line underneath the logo to break it up? I've attached a screenshot of an idea I had.

Ideally the line would be "1px solid #E5E5E5"

Cheers

Screenshot_20210621-195107.png

0 Likes