Hi! Would it be possible to adjust the left margin for small screens?
Instagram embeds don't fit and it is already out of the page.
Notifications
Clear all
May 30, 2020 3:27 pm
9 Replies
Jun 01, 2020 11:49 am
Sure, please leave some example URL to allow us to provide CSS code.
Jun 01, 2020 12:20 pm
@astghik
https://bgsm.hoops.ph/forums/the-gin-kings/6-scottie-the-hustle-man-thompson/
please check Instagram & Facebook embeds. thanks!
Jun 01, 2020 1:08 pm
Try this CSS code:
@media (max-width: 991px){
iframe.instagram-media {
min-width: unset !important;
width:100% !important;
}
iframe {
width:80% !important;
}
}
The CSS code should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.
Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.
Jun 01, 2020 1:23 pm
@astghik
hi! it worked on the instagram posts. but i had to remove the code as it is also cutting off google ads.
Jun 09, 2020 6:08 pm
hey @astghik, what's up?
could you spare a little of your very precious time to help me with this issue?
it's been more than a week and I see countless of replies from you for other users.
do i have to pay more for support?
Jun 10, 2020 3:51 pm
sorry for the late response.
The current page is not available now. Could you please provide us some other example to allow us to debug the conflict?
Jun 10, 2020 4:23 pm
Jun 10, 2020 4:32 pm
This one should not cause such an issue. Please use this code:
@media (max-width: 991px){
iframe.instagram-media {
min-width: unset !important;
width:100% !important;
}
}
Jun 10, 2020 4:57 pm