"project bar widget is overlapping content when viewed on mobile device" (#500933) / ThemeNectar

Comments

Mary started the conversation
August 12, 2015 at 9:46pm
Hi there, one more question on this webpage...everything looks fine when you look at our page with a desktop/laptop computer...but when you view it on a mobile phone, the project bar widget overlaps the text just above it.
see screenshot attached.
how do I fix this?
thanks!
8,990
Tahir replied
August 13, 2015 at 2:57pm
Hey ,
Auto update the theme to Salient 6.0.3 using this plugin http://premium.wpmudev.org/blog/how-to-update-themeforest-themes-with-the-envato-wordpress-toolkit/
See changelog: http://themenectar.com/changelogs/salient.html .
Thanks

ThemeNectar Support Team
Mary replied
August 13, 2015 at 3:30pm
Ok, done. We\'re updated to Salient 6.0.3 but still having the same problems of overlapping when viewed on mobile device. What\'s the next step?
http://theapprenticeprogram.com/about-us/
thanks!

8,990

Tahir replied

August 14, 2015 at 5:36pm

Hey again,

Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

@media only screen and (max-width: 1000px) {
    .vc_col-sm-6.wpb_column.column_container.col.no-extra-padding.instance-0 {
        display: inline-block;
        float: none;
    }
}

Thanks

ThemeNectar Support Team

Mary replied
August 14, 2015 at 10:12pm
thanks for this. I\'ve added that code into the Salient/General Setting/Custom CSS Code area and still having the overlapping issue when viewing the webpage on an iphone 5s. any other tips?
Mary replied
September 9, 2015 at 5:26pm
Hiya Tahir...sadly, this problem never got fixed. I\'m still noticing the overlap when I view the page on a mobile (iPhone 5S)...any other things to fix it?