Debut theme - Move header "Our mattress recommendation" Down

Store Design
1

Hi,

i am looking into moving the header “our mattress recommendation” Down to create more spacing… Apprecite if anyone could help out. Thanks in advance

Screenshot 2021-09-11 at 2.29.16 PM.png
Screenshot 2021-09-11 at 2.29.16 PM.png2526×902 209 KB

1 Like
2

@BB17

Please share your store URL.

3

@dmwwebartisan Can i send you link and pw in private message? Thanks.. Please pm.. Thank you

1 Like
4

@BB17

Sure..

5

@BB17

Please add the following code at the bottom of your assets/theme.css file.

div#shopify-section-1628139194e4eb028b {
    margin-top: 65px;
}

Hope this works.

Thanks!

6

@dmwwebartisan Could you please also help to look into why the desktop view and mobile view is different for this section? Any way to move the words down not overlapping the grid in mobile view ?

Screenshot 2021-09-11 at 4.57.46 PM.png
Screenshot 2021-09-11 at 4.57.46 PM.png690×1156 65.5 KB

Screenshot 2021-09-11 at 4.57.34 PM.png
Screenshot 2021-09-11 at 4.57.34 PM.png2120×1098 203 KB

1 Like
7

@BB17

Please add the following code for the mobile.

@media only screen and (max-width: 749px){
.collection-grid-item{ margin-bottom: 95px !important; }
div#shopify-section-1628139194e4eb028b{ margin-top: 0px !important; }
}