How can we make a theme compatible with the top 3 browsers. I create the theme using Firefox, but when the site is viewed in Chrome (Version 42.0.2311.152 m) and IE (Version 11) the layout is messed up.
http://indigofs2015.tsmm4.com/
Hello
In some situations different browsers behave differently.
Please try the following fixes:
1. remove height of the widget area control with slider. The height of the slider is greater than the height of the widget area control.
2. The issue with rows in IE is related to the "easy-bootstrap-shortcodes" plug-in. This plug-in loads bootstrap styles. It's ok but Themler theme uses a little different bootstrap grid. By default bootstrap grid has 12 columns. Themler theme has 24 columns. So, the same column classes use different widths.
For some reason plug-in's bootstrap stylesheet overrides theme's bootstrap stylesheet in IE.
If you're using only columns I suggest that you consider using theme's shortcodes instead of this plug-in:
http://answers.themler.com/articles/3621/shortcodes-overview
Thank you,
Olivia
UPD:
2.looks like the issue is related to the "content-views-jquery-..." plug-in. it uses bootstrap too.
Is it possible to disable using bootstrap css in the plug-in settings?
Yes, that worked, the "content view" plugin had a tickbox "don't load bootstrap" and now the homepage displays correctly on IE. Thanks you.
Yes, that worked, the "content view" plugin had a tickbox "don't load bootstrap" and now the homepage displays correctly on IE. Thanks you.
