Jump to content

Removing Extra Padding in Brine Mobile

Recommended Posts

  • Replies 2
  • Views 499
  • Created
  • Last Reply

Try adding the following to your custom css, after any code that may already be there. 

@media only screen and (max-width: 640px) {
	#block-yui_3_17_2_1_1572055006330_3766, #block-yui_3_17_2_1_1572055006330_10549 {
		// This removes top and bottom padding from both image blocks
		padding-bottom: 0;
		padding-top: 0;
	}
	#block-yui_3_17_2_1_1572055006330_10549 {
		// This adds a bit of top padding to the bottom image block - tweak as you like
		padding-top: 5px;
	}	
}

 

Link to comment

Hi @colin.irwin

Thanks so much. I added the code you provided, and the padding between two bottom banner was reduced, but not between the top and second banner. 

Also, the bottom banner has shifted left and up now, showing a gray backround. I'll attach a screenshot to show you these two issues. 
Let me know please if you have a solution.

Thanks so much!

Screen Shot 2019-10-28 at 3.10.49 PM.png

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.