Tagged: , , , , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 6, 2018 at 6:28 am #981831
    SyberKnight2

    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.

    July 7, 2018 at 2:24 am #982307
    SyberKnight2

    ***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>
    July 7, 2018 at 8:31 am #982329
    Rikard

    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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.