- This topic has 13 replies, 2 voices, and was last updated 6 years, 1 month ago by
.
Hi There,
On my home page the two sections with images namely:
Our History
Our Objectives
The images aren’t responsive see the screenshot nonresponsive I have asked this before above and I tried resizing the images still they are unresponsive. i.e
They cut off the screen
Also if you view the our objective section on mobile the image doesn’t appear until you are on a tablet why is this?
Thanks in advance any assistance would be greatly appreciated.
Kind Regards,
Hi @brandonmaytham,
Thank you for your questions.
The images aren’t responsive see the screenshot nonresponsive I have asked this before above and I tried resizing the images still they are unresponsive. i.e
I logged in to your site and made it responsive by changing the Column background settings as shown in the attached screenshot.
Also if you view the our objective section on mobile the image doesn’t appear until you are on a tablet why is this?
It is appearing for but partially so please make the same above changes for that column to display it responsively.
Best regards,
Shufflehound teamHi There,
I have made the changes per the screenshot but when I view the our objectives section on Mobile the image doesn’t display?
Please advise.
Please see the attached screenshot it displays fine.
Please share me the screenshot of the issue and also test it on different browser.
I see some confusion there what I mean is this image should be above discover ARIOPS please see attached image.
As you can see by the screenshot labled example this is what the our history section does our objectives should do the same for the image for that section
I see some confusion there what I mean is this image should be above discover ARIOPS please see attached image.
Thank you for making it clear.
As you can see by the screenshot labled example this is what the our history section does our objectives should do the same for the image for that section
This is happening because for history section you are displaying the image to the left and whatever you have set to the left section displays above on mobile.
Hi There,
I have this aligned left center for Our objectives however this still doesn’t display on mobile.
Please advise thanks so much.
Solution for this topic
I think you have confused with Background position and the section position.
What I am talking about is the column displayed on the left side should contain image like Our history section as shown in the attached screenshots.
I see however I like it on the right for our objectives is it possible to have it on the right and still be responsive and show up on top on mobile?
Then please display it on the left side then I can develop custom CSS code to make it display on right side on desktop.
Hi There,
This is done I await your response.
Thank you
Solution for this topic
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (min-width: 800px) { section#objectives .sh-column.fw-col-xs-12.fw-col-sm-6 { float: right; } }This worked you are incredible pleaseregard this as closed.
You are most welcome here 🙂
