Emerge Theme: Remove Spacing Between Blocks On Mobile Only

Store Design
1

Hi there currently the spacing between blocks looks great for desktop site but on mobile it looks stupid. (See reference below)

oliverjames_0-1650582638962.png
oliverjames_0-1650582638962.png202×399 66.8 KB

Is this something i can fix with code so the blocks fit together on mobile?

https://kevsjuice.myshopify.com/
PW: aickeu

Thanks in advance

1 Like
2

@oliverjames ,

send this page URL pls…

3

Hi @oliverjames ,

Please send me the link to where the screenshot you sent is displayed. I will check it

4

Hey dude, it appears to be a default space underneath any ‘slideshow’ block.

That screenshot was from the homepage which has since changed.

5

Hi @oliverjames ,

Go to Assets > theme–critical.css and paste this at the bottom of the file:

@media only screen and (max-width: 767px) {
	.section--slideshow .carousel--dot-nav {
		display: none !important;
	}
}

Hope it helps!

1 Like