Hello there,
How do I make sure that this combination on the front page takes up the full screen on a PC, an iPad and an iPhone using the Sydney theme?
To accomplish that objective, try to do the following steps:
1. Install and activate the TC Custom JavaScript plugin
2. Go To Appearance > Custom JavaScript
3. Paste the following code into the provided box
;(function($) {
'use strict'
if ( $( '.header-slider' ).length && $('body').hasClass('home') ) {
$(window).on('load resize', function() {
var slideHeight = $('.header-slider').height();
var menubarHeight = $('.site-header').outerHeight();
console.log('Menubar height: '+ menubarHeight);
var reducer = 87;
if ( matchMedia( 'only screen and (max-width: 1024px)' ).matches ) {
reducer = 87+menubarHeight;
}
var newHeight = slideHeight-reducer;
$('.header-slider').height(100).css({
'max-height': newHeight + 'px'
});
});
}
})(jQuery);
4. Update
Let me know how it goes. I’ll wait to hear back from you regarding your stats.
Regards,
Kharis