Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 6, 2019 at 6:16 pm #1075577
    realisedesign

    Hi Enfold,

    I want to align the text in the nav bar so that it sits at the bottom of the frame in line with the bottom of the logo on the left.

    Any idea how to do this? Guessing it’s a simple bit of CSS for you guys?

    Thanks,
    Sean

    March 9, 2019 at 9:44 am #1076678
    Victoria

    Hey realisedesign,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.header_color .main_menu ul:first-child > li > a {
  line-height: 115px !important;
}
.header-scrolled.header-scrolled-full.header_color .main_menu ul:first-child > li > a {
  line-height: 50px !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 11, 2019 at 4:46 pm #1077414
    realisedesign

    Hi Victoria, thanks for helping out.

    I’ve made the change. It didn’t work in quick CSS so I’ve added it to the custom CSS file.

    Nothing seems to have worked though (but sometimes WP caches strangely.)

    We do have a child theme. But there is no custom.css file in my child theme folder. Should I be tweaking any of your code for the child theme somehow? Or pasting into styles.css?

    Thanks,
    Sean

    March 11, 2019 at 8:26 pm #1077462
    realisedesign

    Hi Vicoria.

    It worked! …sort of….

    So it doesn’t quite align to the bottom pre-scroll – is this just because my image has spacing at the bottom? I tried aligning the logo differently in the actual image but it causes it to jump around a lot on scroll.

    And now the text doesn’t shrink with the header and pops out of the container before appearing back in when you scroll further.

    Can you help further?

    Thanks,
    Sean

    March 14, 2019 at 12:34 pm #1078669
    realisedesign

    Bump.

    Header is completely messed up now, with text sitting at the top, I have removed the custom CSS but it doesn’t seem to be doing anything now.

    Please help

    March 15, 2019 at 2:48 pm #1079150
    Yigit

    Hi,

    I changed your code to following one

    @media only screen and (min-width: 768px) {
.header_color .main_menu ul:first-child > li > a {
	padding-top: 15px; 
}
.header-scrolled.header_color .main_menu ul:first-child > li > a {
  padding-top: 0px; 
}
}

    It was in /enfold/css/custom.css file and i moved it to Quick CSS field in your child theme options.

    That little jump is expected. I used top padding to smoothen it a bit. Please review your website.

    Best regards,
    Yigit

    March 18, 2019 at 12:04 pm #1079843
    realisedesign

    Yigit, mate, you are actually a genius.

    Thunks a million bro.

    Sean.

    • This reply was modified 5 years, 9 months ago by realisedesign.
    March 18, 2019 at 10:07 pm #1080093
    Victoria

    Hi Sean,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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