Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 27, 2017 at 3:33 am #783756
    tremblayly

    Hi

    I have adjusted the main menu to display higher and to the center on my website here: http://crescendo.staging.wpengine.com/ (hosted on WPengine)

    As a result, the gap between the header and the slider is large and I don’t know how to reduce it. I tried change different CSS element but was not successful in accomplishing this.

    Since I am launching next Monday, it would appreciate a quick solution.

    Thanks
    Lyse

    April 27, 2017 at 4:55 am #783765
    Sarah

    Hey Lyse,

    Thank you for providing a link to your website. It seems to me that your slider is right after your header. Can you provide us a screenshot that shows specifically how you want your website to look like?

    Best regards,
    Sarah

    April 27, 2017 at 3:38 pm #784064
    tremblayly

    Hi Sarah,

    Here’s a screenshot of the gap that I would like to reduce between the header and the slider:
    https://www.dropbox.com/s/kte9ap8fxs89p4y/header%20gap.jpg?dl=0

    Thanks
    Lyse

    April 28, 2017 at 8:29 am #784342
    Sarah

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file: 

    .html_header_top.html_bottom_nav_header .main_menu>div {
   height:5px !important;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
   padding-top: 175px !important;
}

    You can adjust the values to suit your preferences.

    Best regards,
    Sarah

    April 28, 2017 at 5:26 pm #784723
    tremblayly

    Hi Sarah

    I added the CSS but it did not change anything.

    Thanks
    Lyse

    April 29, 2017 at 8:25 am #784899
    Sarah

    Hi Lyse,

    Can you try adding it into your child theme’s style.css file? Please remember to clear your cache.

    If neither of those things work, can you give us temporary access into your website so we can take a closer look?

    Best regards,
    Sarah

    April 29, 2017 at 4:08 pm #784991
    tremblayly

    Hi Sarah,

    That is where I added the CSS code – my child theme styles.css.

    I’m on my staging area so there is not cache and on my local machine I have cleared my cache.

    I have included credentials below.

    Thank you
    Lyse

    April 29, 2017 at 4:15 pm #784996
    tremblayly

    Hi again Sarah,

    Just looked at the code and saw that a <br> was added between the css code and the first curly brace. Once I removed it all worked well for the gap.

    Thank you for your patience.

    Lyse

    April 29, 2017 at 5:24 pm #785035
    Sarah

    Oh, hooray, it worked! :) Happy to help. Let us know here in the forums if you need help with anything else.

    Cheers!
    Sarah

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header – reduce space between main menu and slider’ is closed to new replies.