Text Block formatting issue on mobile with the footer

Solved
mattpermute
Excursionist
42 0 17

Hey All,

I am having an issue when on mobile the footer is overlapping with content on a page I am trying to make live.

The footer is overlapping the text block I have added to the page. See the attached image for reference.

Please let me know if there is a solution to this

Here is the link to the page: https://apparis.com/pages/sweep-test

Thanks

MM

Screen Shot 2021-07-14 at 6.23.05 PM.png

LamQSolutions
Pathfinder
102 24 34

This is an accepted solution.

Hi,

To fix this problem, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

@media (max-width: 767px) {
  .template-page .tabs-block.special {
    height: auto !important;
  }
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
mattpermute
Excursionist
42 0 17

@LamQSolutions that worked perfect! Thanks!

0 Likes