Okay
  Public Ticket #3688790
issue in menu items
Closed

Comments

  • AMAN AGARWAL started the conversation

    link: https://tuljabhavanijewels.com/home/

    1. i need teh item in next column, thou i have defined in column 2 still its coming in column 1. what wrong am i doing?

    2. as in video, you can see, there is a lot of gap between the 2 menu items, need to remove it, and also, a bug I suppose when I scroll down. how to remove it...

    Attached files:  menu.jpg
      menu.mp4

  •  2,633
    Kevin replied

    Hi AMAN,

    1. There is no wrong. You set 2 columns for this menu item > and the Shop by Style is in the last so it will displays correctly order. 

    2. Please add below code to Customize -> Additional CSS

    .mega_main_menu > .menu_holder > .menu_inner > ul > li > a.item_link {
        padding: 0px 5px;
    }
    .ftc-header-template div.mega_main_menu>.menu_holder>.menu_inner>ul> li {
        margin-right: 10px;
    }
    

    Regards,
    Hung PD

  • AMAN AGARWAL replied
    .ftc-header-template div.mega_main_menu>.menu_holder>.menu_inner>ul> li {
        margin-right: 0px;
    }
    

    this code helped me 2 remove my element spacing, thanx

    if you checked the video, u might have seen the bug, when i scroll down the site and come back up, the sticky header shows up but the menu isnt displayed, instead its stuck on the top.. recheck the video 1ce and you will understand

  •  2,633
    Kevin replied

    Hi AMAN,

    Please add below code to Customize -> Additional CSS

    @media (min-width: 768px) {
        .mega_main_menu.direction-horizontal > div.menu_holder.sticky_container {
            position: relative;
        }
    }
    

    Regards,
    Hung PD

  • AMAN AGARWAL replied

    thanx

    that did the trick.

  •  2,633
    Kevin replied

    Hi AMAN,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we're always here to help!

    Regards,
    Hung PD