Header in mid resolutions isn't overlap the main slider

graffx

In horizontal direction of screen on resolutions from 600 to 1024 wide I can't make the header to overlap the main slider (in other resolutions it's ok). There no such options in the backend (or I just don't find them).
link: http://new.millos.co.il/

I found the place it is calculated - /js/script.js :1289 - mid.css('padding-top', header.height() );
but I need proper way to change the settings in order to update the theme in the future.
Thanks!

Air

Hello:-)

If you really need it, then write custom CSS with use of !important and this way you can force it to have 0 padding in such resolutions.

Do you need help with custom CSS?

With kind regards.

graffx

As I see - your script inserts inline CSS into the HTML element - so there are no chance custom CSS will work there. But if you can help with custom CSS that can do it - please help!

Air

I can see you have already proper CSS in your custom CSS, you just have to add to it !important
so it looks like:

@media only screen and (max-width: 1024px){
	#mid {
		padding: 0 !important;
	}
}

With kind regards.

graffx

Thanks! It worked.
Best regards.