Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Banner image resizing on mobile, all pages



I have used code to resize the banner for mobile on the homepage but how do I apply it to the banners on all of the other pages? Also, how do you get rid of the white space under the banner on mobile once you have resized it?

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0
On 3/30/2021 at 7:24 AM, daria said:

Hi @tuanphan I'm actually in the same boat. Looked at some of your other threads and used your code to get my home page image to resize on mobile.

This was the code I used:

@media screen and (max-width:640px) {
.homepage .section-background img {
    width: 100% !important;
    height: auto !important;

But I still have the large grey blank space below it on mobile before the page content starts. (I have a weird floating Enter button I used an image for that is pretty janky, but that's a different issue). Here is my landing page...


I'd also love to have the banner images from all my other pages work the same way (resize and remove blank space underneath on mobile) For example, this page...


Any chance this would be an easy fix?

Thank you so much for any help or insight,


Hi. It looks fine here. Do you still need help?


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...