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

Index Image resize on Mobile Device SS7.0


Question

Site URL: https://www.greenconltd.com

Hi All

Just looking for some help with mobile specific code please.

Website: www.greenconltd.com

I have an index page being used as a home page using projects to categorise sectors of a business. It displays as required on desktop but there's a bit too much dead space on mobile devices.

Ideally, I'd like for the index pages to display below one another as they currently are, but so that they're both visible on screen as you visit the website - either by scaling or reducing the padding

I've tried targeting the blocks but I'm not having much luck in achieving the desired results at the moment.

 

Any help appreciated.

Link to comment

9 answers to this question

Recommended Posts

  • 0
On 3/15/2021 at 5:40 PM, richardgreencreative said:

Hi!

Screenshot from mobile attached.

I'd like to reduce the top and bottom padding for both images please

Thanks

IMG_7577.jpg

IMG_7578.PNG

You can add 4 images, 2 for desktop, 2 for mobile. We will give the code to hide mobile images on desktop an vice versa.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 3/23/2021 at 8:41 PM, tuanphan said:

You can add 4 images, 2 for desktop, 2 for mobile. We will give the code to hide mobile images on desktop an vice versa.

You can do this, then we will give the code to make side by side on tablet

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

How's best to go about adding the two images for mobile in this scenario?

The current images displayed are through the index page setting in the Media Banner/Thumbnail?

Am I best uploading the images I want for mobile in the custom files area and providing the links to the image.

 

Thanks as always for your help

Link to comment
  • 0
On 9/9/2021 at 6:48 PM, richardgreencreative said:

How's best to go about adding the two images for mobile in this scenario?

The current images displayed are through the index page setting in the Media Banner/Thumbnail?

Am I best uploading the images I want for mobile in the custom files area and providing the links to the image.

 

Thanks as always for your help

ah okay, you can consider remove space within image, then we will try CSS to add grey padding around image, same as grey in current image.

image.thumb.png.95eb408fcd608b2c678c4b4878332f96.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...