Issues with overlapping content on mobile site (desktop is perfect) "release theme"

[designerdental]

I am having issues with overlapping on the full width banner on mobile, I have looked at the community but none of these solutions work. PLEASE HELP!

 

[BiDeal-Discount]

Hi @designerdental 

Please share that url to let me check then give you the solution

[designerdental]

https://designerdentalsolutions.com/pages/bitesoft

[designerdental]

https://designerdentalsolutions.com/pages/designer-aligners

this one as well - thank you so much 

[BiDeal-Discount]

I see the text also overlay on image on desktop. is this your want or not?

[designerdental]

no you see how it overlaps on the footer of the mobile website - see below:

I want to keep the desktop as is 🙂

[BiDeal-Discount]

Do you think it's ok?

[designerdental]

Yes! I would prefer a tiny bit more of padding at the bottom but that is much better thank you - how do i do this?

[BiDeal-Discount · Accepted solution]

let come: Sale channels -> Online Stores -> Themes -> choose your theme -> click Edit code.

Search file base.css then add that code to the end of this file:

@media screen and (max-width: 480px) {
  .section-full-width-banner:has(.media > *)
    .media-position--background
    .section-full-width-banner__content {
    padding-inline: 16px;
    padding-block: 6px;
  }
}

[designerdental]

it worked! thank you so so much 🙂

[designerdental]

sorry it worked for one page but not the bitesoft one - can you check?

[BiDeal-Discount]

Yes because the image below for bitesoft one low height:

@media screen and (max-width: 480px) {
  .section-full-width-banner:has(.media>*) .media-position--background .section-full-width-banner__content p{
    margin-block: 2px;
  }
}

[designerdental]

sorry but what do you mean? the images I have are the same size just look different.

[BiDeal-Discount]

oh the images same size but the long text of each different.

Is it working now?

[designerdental]

ah yes I understand - I will leave it, still a lot better than before thanks again 🙂

[BiDeal-Discount]

Yes. I hope it better 😄

Please let me know if you need any assistance