Navigation
Archive / Header height reduced but now nav bar falls off (Page 2)
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • August 18, 2016 at 4:07 am #1136486
    Rad
    Moderator

    Hi Jenny,

    It’s because of custom CSS applied on the logo and tag lines. And I think you have a custom brand template on your child theme since your tagline is outside the brand container. With this setup, the menu breaks on another line.

    Would you mind pointing your FTP user account to correct folder? I logged in and it display an empty folder.

    Thanks!

    August 18, 2016 at 6:11 am #1136612
    jensmith3
    Participant
    This reply has been marked as private.
    August 18, 2016 at 6:16 am #1136619
    jensmith3
    Participant

    Hello,

    I just found something odd. The issue with the navbar only seems to be occurring on the home page, not the others. I thought it might have something to do with the one-page navigation for that page but I turned that off and refreshed the page but it didn’t make any difference.

    I seem to be making quite a mess of this at the moment.

    Kind regards,

    Jenny

    August 18, 2016 at 8:11 am #1136741
    Paul R
    Moderator

    Hi Jenny,

    I went ahead and wrap your site title and description in a div tag.

    Please add the code below in your Custom > Edit global css in the customizer.

    
.my-title-area {
   float:left;
}

    Hope that helps.

    August 18, 2016 at 6:17 pm #1137594
    jensmith3
    Participant

    Hi there,

    Thank you so much. I added the css in the customiser but all that seemed to happen was that the banner height was reduced; the site title, tag line and navbar still move down off the banner when you scroll.

    Sorry and thanks,

    Jenny

    August 18, 2016 at 11:07 pm #1137914
    Rupok
    Member

    Hi Jenny,

    I am not sure what else you are trying to achieve as it’s become a bit confusing. But yo ucan try adding the below code to make this same as other pages :

    .home .x-navbar {
  position: static;
}

    Kindly clarify your issue properly if you still have any question and attach some screenshot.

    Thanks!

    August 19, 2016 at 12:51 am #1137975
    jensmith3
    Participant

    Hello,

    IT’S FIXED! What was happening was that the Site title, tag line as well and the nav bar items were scrolling down the page and being overlaid on top of the main content. This was happening only on the Home page but now since I added the last bit of css to the customiser IT IS FIXED.

    Thank you to everyone for your patience and support. I appreciate your efforts very much.

    Kind regards,

    Jenny

    August 19, 2016 at 1:50 am #1138010
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-1134316 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>