Notifications
Clear all

Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum   wpForo Support Forum

[Solved] Margin on small screen  


wafadul
Posts: 36
Customer
(@wafadul)
Member
Joined: 2 years ago

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.

 

insta

 

9 Replies
Astghik
Posts: 4210
Admin
(@astghik)
Support Team
Joined: 3 years ago

@wafadul,

Sure, please leave some example URL to allow us to provide CSS code. 

3 Replies
wafadul
Customer
(@wafadul)
Joined: 2 years ago

Member
Posts: 36

@astghik

https://bgsm.hoops.ph/forums/the-gin-kings/6-scottie-the-hustle-man-thompson/

please check Instagram & Facebook embeds. thanks!

 

Astghik
Admin
(@astghik)
Joined: 3 years ago

Support Team
Posts: 4210

@wafadul,

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.

wafadul
Customer
(@wafadul)
Joined: 2 years ago

Member
Posts: 36

@astghik

hi! it worked on the instagram posts. but i had to remove the code as it is also cutting off google ads.

 

Screenshot 3
wafadul
Posts: 36
Customer
(@wafadul)
Member
Joined: 2 years ago

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?

 

 

 

4 Replies
Astghik
Admin
(@astghik)
Joined: 3 years ago

Support Team
Posts: 4210

@wafadul,

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? 

wafadul
Customer
(@wafadul)
Joined: 2 years ago

Member
Posts: 36
Astghik
Admin
(@astghik)
Joined: 3 years ago

Support Team
Posts: 4210

@wafadul,

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;
}
}
wafadul
Customer
(@wafadul)
Joined: 2 years ago

Member
Posts: 36

@astghik

 

it's all good now, thanks so much! Smile  

Share: