Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 23, 2014 at 9:34 am #372012
    Mike_Yoon

    Hey Enfold support,

    Quick three questions for you guys…

    1. Could you please confirm the following? I added some margin space between the logo using the following css and want to know if I assigned the correct class.

    #header_main .container {
    margin-top: 19px;
    margin-bottom: 20px;
    }

    2. What is the class for the Sticky Moving Header (Same as below) so I may adjust the margin spacing when it scrolls and minimizes the logo?

    3. When minimized, what margin spacing starting from margin top = 19px and margin bottom = 20px do you recommend reducing to?

    December 23, 2014 at 5:12 pm #372136
    Yigit

    Hi Mike!

    1- You can following code 

    .logo { margin-top: 19px; margin-bottom: 20px; }

    2-

    .header-scrolled .logo { margin-top: 4px; margin-bottom: 5px; }

    3- You can use the code in #2 and adjust to find the ratio you like the most :)

    Regards,
    Yigit

    December 23, 2014 at 6:00 pm #372169
    Mike_Yoon

    Hey Yigit!

    You and I have become good friends ha!

    1. Following code .logo { margin-top: 19px; margin-bottom: 20px; } makes the navigation #header_main_alternate overlap the logo. Looks like I need to adjust the <div class="container" style="height: 80px; line-height: 80px;"> to 119px. Where do I go to edit this?

    December 23, 2014 at 8:47 pm #372250
    Mike_Yoon

    Hey guys,

    Maybe the following information will help.

    The Header Logo is the following dimensions: 238px (width) * 80px (height) + Margin spacing

    I am using the logo center, menu below header layout.

    If I change the Header Custom Height in the theme panel to 119px it fits but the logo overlaps the navigation menu when scrolling.

    What I have in my child-theme style.css in regards to the header.

    .logo {
	margin-top: 19px;
	margin-bottom: 20px;
}
.header-scrolled .logo {
	margin-top: 4px;
	margin-bottom: 5px;
}
#main {
	padding-top: 157px !important;
}
    December 24, 2014 at 3:52 pm #372449
    Yigit

    Hey!

    Please use following code instead

    .header-scrolled strong.logo {
padding-top: 0;
}
strong.logo {
padding-top: 20px;
}

    Can you please post the link to your website?

    Cheers!
    Yigit

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