FROM CACHE - en_header

How to move down a section on mobile.

topspotcards
Tourist
13 1 6

My website on mobile is too far off and cut off for some reason. It is the section "featured collection" called "Hot N' New". My website on pc is fine. Thanks in advance. Picture of mobile and code below.

 

Screen Shot 2022-09-23 at 7.44.49 PM.png

 

This is the code from my section-collection-list.css

 

@media screen and (max-width: 749px) {
  .collage-section + .collection-list-section .no-heading.no-mobile-link {
    margin-top: -10rem;
  }
  .collage-section + .collection-list-section .no-heading:not(.no-mobile-link) {
    margin-top: -1rem;
  }
}

@media screen and (min-width: 750px) {
  .collage-section + .collection-list-section .no-heading {
    margin-top: calc(-4rem - var(--page-width-margin));
  }
}

.collection-list-title {
  margin: 0;
}

@media screen and (max-width: 749px) {
  .collection-list-wrapper.page-width {
    padding: 0;
  }

  .collection-list:not(.slider) {
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list-section .collection-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 749px) {
  .collection-list-wrapper:not(.no-heading) .title-wrapper-with-link {
    margin-top: -1rem;
  }
}

@media screen and (min-width: 750px) {
  .collection-list-wrapper.no-heading {
    margin-top: calc(6rem + var(--page-width-margin));
Replies 4 (4)
KetanKumar
Shopify Partner
35810 3580 11588

@topspotcards 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Dan_From_Ryviu
Shopify Partner
854 109 188

Hi @topspotcards,

You can solve it by adding this code 

@media screen and (min-width: 750px) {
#shopify-section-template--14292476821642__1645319797b977cd1a {
margin-top: 15px ! important;
}
}

 

 

Get 3 months of Shopify for $1/month. Sign up now
Ryviu - Aliexpress Reviews app - is a product review app with the ability to import reviews from Aliexpress, Amazon, Etsy, and DHgate. Over 46.000 stores use it.
Is it helpful? Like or Accept solution to let me know 🙂

topspotcards
Tourist
13 1 6

topspot.cards

topspotcards
Tourist
13 1 6

Unfortunately this did not work.