- This topic has 13 replies, 2 voices, and was last updated 3 years, 4 months ago by
.
Hi on my website https://sellself.be –> the 360 on the top looks good on desktop but on mobile it’s too big. How can i fix this so it looks smaller on mobile?
Hi @SaqlainMughal,
I hope you are well today and thank you for your question.
You can configure the responsive setting of the column containing it as shown in the attached screenshots.
Best regards,
Shufflehound teamI changed it to the same way you said it, but still the same issue. See screenshot it’s too big.
This is important, that this is fixed. Could you please help me out to make it smaller on mobile.
You have to change it as shown in the attached screenshot.
still looks weird, see images.
Don’t know what happened but suddenly the 360 is frozen in that position. It was way normal. I tried to put in the same option as it was before but it is not moving.
I have made it to display as earlier.
Thanks, but can you help me to make it smaller on mobile. I tired it and it froze as you know.
You can make it smaller on mobile 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 (max-width: 582px){ #home-video-column iframe { max-width: 90%; margin: 0 auto; max-height: 280px; } }Perfect, it worked out. The last question
How can i add more space where the orange arrow is
And less space where the green arrows are
ONLY on mobile
You can try achieving this using the Yellow Pencil editor in the responsive mode as described on the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
Cant you just send me a code like before so i can ass custom css
No, there is no CSS code for it.
You have to do it using the Yellow pencil editor.
