Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1075577

    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

    #1076678

    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

    #1077414

    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

    #1077462

    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

    #1078669

    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

    #1079150

    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

    #1079843

    Yigit, mate, you are actually a genius.

    Thunks a million bro.

    Sean.

    #1080093

    Hi Sean,

    Glad we could help :)

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

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

You must be logged in to reply to this topic.