White Gap after Custom Liquid in Mobile View Dawn theme

Store Design
1

I have figured out a way to eliminate the white gap above my custom liquid in the Dawn theme, however, there is still one underneath for mobile view only. This is due to the automated dawn template. If i move it in base.css, it affects the other elements.

Is there a way to move the next div block under the custom liquid? or what can I enter to eliminate the blank space?

url: www.melaniejean.com

Password: qwertyuiop

screenshot:

Screen Shot 2022-01-07 at 12.05.32 PM.png
Screen Shot 2022-01-07 at 12.05.32 PM.png980×1386 148 KB

2 Likes
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media(max-width: 767px){
section#shopify-section-template--15400728953078__rich_text { margin-top: 0;}
}
.my-video video {
vertical-align: bottom;
}
3

Please add below code in bottom of assets/base.css file

@media screen and (max-width: 750px)

.spaced-section {
margin-top: 0;

}
Thank you.

4

@mjdubarr

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (max-width: 750px){
#shopify-section-template--15400728953078__rich_text.spaced-section { margin-top: 0px !important;}
}

Thanks!

1 Like
5

Thank you so much!!!

6

@dmwwebartisan I am trying to accomplish this on a different theme in a different section but it did not work. Would it not work because it is a different theme?

7

@ZestardTech @mjdubarr @Denishamakwana Does anyone know if this works on the boundless theme. I am trying to accomplish this on a different theme in a different section but it did not work. Would it not work because it is a different theme?