how can I get the main image on the site to be responsive ?

hi ,
how can I get the main image on the site to be responsive ?
It is perfect on desktop but when you view my site on mobile the graphic does not get smaller.

Attachments:

You must be logged in to view attached files.

I am very happy now with the desktop version of my site with your theme 🙂
BUT
How do I get it mobile friendly ?
1. the main image does not shrink when viewed on mobile.
2.The mega menu should not show on mobile and can not remove it for mobile.

Thank you for your help,
Lewis

Hello,

1. I see that you have a negative margin for the Desktop version – https://prnt.sc/AKUC0aG3QE5T, so for the mobile version change back the margin – https://prnt.sc/zagFNboa1eoA or set it as 0.

2. Edit the column in which the menu is situated and hide it here – https://prnt.sc/fIGxXozjMgTo

Kind Regards

Thank you menu is gone on mobile. But now I have overlapping text to the slider on mobile. How do I fix this ?

Attachments:

You must be logged in to view attached files.

Hello,

On the Desktop you have a negative margin here – https://prnt.sc/_yMpAwXy6dEh, you need to disable that margin on mobile.

Thank you for your time.

Kind Regards

Hi Where do I find this column ?

Here is this column – https://prnt.sc/X1wn9ESyli9y

Kind Regards

perfect but now I have too much white space.

Attachments:

You must be logged in to view attached files.

I don’t understand why is the desktop woodmart beautiful and the mobile experience is terrible for shopping ?
Am I missing a step somewhere ?

Hello,

Because most paddings, margins from the desktop come to the mobile version and they are not changed on mobile so you have such a space. Edit each slide and for this column https://prnt.sc/DP9Mx4ihf75U set the 0 padding for the mobile version. Clear the cache and recheck the issue.

Kind Regards

[Author]

Posts