Hello,

You can actually disable the responsive scripts in the back end settings of EasyBlog under Settings > Layout . Just disable the responsive script

I did see this option in the back-end but I still want my blog to be responsive if being viewed on a tablet or mobile device, so is there any way to change this in the code so that the whole blog will still be responsive. Thanks Mark....

Hello,

Unfortunately there's no work around for this unless you have a "larger" component area on the site. The reason why we have such javascript in place is because we cannot control how the Joomla template behaves. Not all Joomla templates has the necessary "mobile" device tags on the header. So we need to rely on our own javascript to give a nudge to our responsive script when certain width of the screen matches.

If you could please tell me what file the following script is in. I just want to change the size a bit. Thanks.


EasyBlog.require()
.script('layout/responsive')
.done(function($){

$('#ezblog-head #ezblog-search').bind('focus', function(){
$(this).animate({ width: '170'} );
});

$('#ezblog-head #ezblog-search').bind( 'blur' , function(){
$(this).animate({ width: '120'});
});

$('#ezblog-menu').responsive({at: 540, switchTo: 'narrow'});
$('.eb-nav-collapse').responsive({at: 560, switchTo: 'nav-hide'});
$('.btn-eb-navbar').click(function() {
$('.eb-nav-collapse').toggleClass("nav-show");
return false;
});

});