Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #981831

    when i have child theme options > Header > Header Layout > Menu & Logo Position set to “Logo center, Menu below”, and
    if Header Behavior > Sticky Header IS checked,
    then in order for the content to start below the header, i have to put in a “padding-top: xx” – to start, if browser window is wider than the website, i put in the number of pixels of height the logo & menu take up.
    but then if you start shrinking the browser window in, the logo & menu starts getting smaller (this is BEFORE the @media queries take effect). this is great, but then the padding-top i gave the content area is too far down.

    is there a way to EITHER have that padding-top dynamically resize depending on how heigh the fixed header is? OR
    make it so nothing starts shrinking upon browser resize, and let @media queries handle all responsiveness?

    thanks.

    #982307

    ***SOLVED***
    by adding this to the Head section…

    	<script>
    		jQuery(document).ready(function() {
    			jQuery(window).resize(function() {
    				jQuery('#main').css("padding-top", 
    				jQuery("#header").height());
    			}).resize();
    		});
    	</script>
    #982329

    Hi,

    Great, glad you found a solution. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.