Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 25, 2015 at 8:35 pm #434742
    Munford

    Hi
    On the site below, the nav menu separation bar is not always showing between the menu items on the left side. Do you know what’s causing this?

    Also is there an easy code to make that nav bar 30px high instead of 35? I tried a few things but did not get it right.

    thanks
    nancy

    PS: “Seperator between menu items” is spelled wrong- should be “Separator” in that menu. :)

    • This topic was modified 9 years ago by Munford.
    April 27, 2015 at 4:27 pm #435371
    Yigit

    Hi Munford!

    Please add following code to Quick CSS 

    #header #header_main_alternate .container {
  max-height: 30px;
  height: 30px;
}
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
  height: 30px;
  line-height: 30px;
}

    I checked your website on Chrome, Firefox and Safari and could not reproduce the issue – http://i.imgur.com/ZIasX5h.png
    Can you please post a screenshot so we can make sure that we are on the same page?

    Thank you for the heads up :)

    Regards,
    Yigit

    April 27, 2015 at 5:11 pm #435432
    Munford
    This reply has been marked as private.
    April 28, 2015 at 5:05 pm #436199
    Munford

    sorry – that link is not right. you can see the little space under the nav bar here:
    http://andes-world-travel.flywheelsites.com/nature-culture/
    thanks
    Nancy

    April 28, 2015 at 5:08 pm #436205
    Yigit

    Hi Nancy!

    Please add following code to Quick CSS as well

    .html_header_top.html_header_sticky #top #wrap_all #main {
  padding-top: 133px;
}

    I still cannot reproduce the issue. Which OS and browser are you using?

    Regards,
    Yigit

    April 28, 2015 at 5:18 pm #436212
    Munford

    Hi Yigit,
    thanks. I am using Chrome. I have seen on other sites I have done that sometimes the borders disappear – may have to do with responsive sizing?
    It’s not a huge deal, but strange. You can see what’s happening in those images above – the separators disappear sometimes when the nav item is active.

    as to the space under the nav bar, that code did not work. I already have this in my css:
    .html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 154px;
    }

    which was to fix some old problem I was having with space there. I tried replacing that with the code you gave, but no change.
    :(
    thanks for your help
    n

    April 28, 2015 at 5:23 pm #436215
    Yigit

    Hey!

    Can you please try adding !important rule as following

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

    If that too does not help, please post the content of your Quick CSS field using http://pastebin.com/

    Best regards,
    Yigit

    April 29, 2015 at 11:19 am #436583
    Munford

    thanks Yigit, that worked to get rid of that little space, but now the front page has a big space at the top. before the background image went to the top of the page, with the header showing on scroll. Also I saw on the mobile all pages has a big space under the header.
    here is what I’m seeing on the dev tools: http://imgur.com/LTIcb3H which is confusing to me.

    Since it’s such a small issue with the navbar height, I reverted to 35px as it was before – seems to cause problems…let me know if there is an easy fix

    Thanks
    N

    • This reply was modified 8 years, 12 months ago by Munford.
    May 1, 2015 at 3:08 pm #438109
    Andy

    Hey!

    I can’t see any big space at the top and I can’t see any bis space under header on mobile. Could you fix it? If not, please always provide us screenshots of what you see.

    Regards,
    Andy

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