Forum HTML Templates VideoStories Bug with the nav bar

This topic contains 6 replies, has 2 voices, and was last updated by  grfoxhound 3 months, 2 weeks ago.

  • Author
    Posts
  • #15973

    grfoxhound
    Customer
    Posts: 21

    I think I found a bug with the nav bar.

    When you resize the screen until right before the layout changes to phone size and you still have the nav bar with the dropdown on hover. Any dropdown can not be selected. There is a little empty space between the nav bar and the dropdown, meaning that if you move the mouse down to reach the dropdown you have to go over the empty space and the dropdown just goes away. So, you can not access the menu correctly.

    I have checked and this behavious even happens on the demo website: http://demos.jeweltheme.com/videostories/index-07.html
    And it happens in the bought template and my own conversion.

    I am using chrome version 57.0.2987.133.

    I have taken a screenshot to clearify.

    Attachments:
    You must be logged in to view attached files.
  • #15977

    Labluzzaman
    Support
    Posts: 552

    Hi,
    We will give an update on themeforest.net, you will get a notification through themeforest.net.
    Thanks.

  • #15988

    grfoxhound
    Customer
    Posts: 21

    Would it be possible that you share which parts have been changed (CSS parts, JS, and/or HTML parts)?
    That way its easier to copy/paste the fixes into an existing project instead of overwritting all the work and having to redo all our changes?

    Thanks in advance 🙂

  • #15989

    Labluzzaman
    Support
    Posts: 552

    HI,
    We changed in header.css file on (max-width: 992px), in li:hover .sub-menu there is a css property as top: 53px; just make it top: 50px/top:49px and it will be fine.
    Thanks.

  • #15990

    grfoxhound
    Customer
    Posts: 21

    Could you please be so kind to give line numbers of the css lines I have to change?
    In my header.css I can not find any li:hover .sub-menu class with a top:53px property.

    And I found many max-width: properties for the header. A line number would help for me to know which needs changing.

  • #15992

    Labluzzaman
    Support
    Posts: 552

    Hi,
    If you changed nothing in header.css file then it’s 273 no. line or search this header .header-bottom .navbar-default .navbar-nav li.menu-item-has-children:hover ul.children.
    Thanks.

  • #15998

    grfoxhound
    Customer
    Posts: 21

    Many thanks! Now the nav bar is properly working 🙂

You must be logged in to reply to this topic.