Banner Sizes for different devices

Hi Team,

Hope you all had a great Thanksgiving 🙂

I was wondering how I can have my banner images full width be responsive on mobile devices rather than cutting off my image. I tried reading about CSS and etc but kinda hard to understand. Is there any way or a much easier process you can tell me and advised me to do? I add few images just to show you what part of my website I am referring too. Thank you for your help in advance!

Attachments:

You must be logged in to view attached files.

Hi,

You can change your row background position in the Woodmart Extras tab in row settings. (http://prntscr.com/ln01to)

Regards

Thank you, however how I can make it responsive based on different devices? As I had attached several photos showing how it looks on a iphone screen… the image shows cut off vs on desktop it looks great. Anyway we can adjust to show on both screens the same? Is it possible to have the image smaller format when its on mobile phones?

Hello,

You can use your images in two ways: as a background and as an image element.

When you use an image element you can not insert any text inside. It will be just image and it will be scaled on different devices.

Background image allows inserting text and other elements as it is just covered the row. The background image would be cut on mobile.

You can set background-position center center in Woodmart Extra https://prnt.sc/ln01to Enter the row or column setting and find this tab.

This is the nature of responsiveness for images our theme does not influence that

Best Regards

[Author]

Posts