Hotel pro – Sub menu

Home Forums Hotel Pro Hotel pro – Sub menu

This topic contains 4 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #66775

    Zainab Gurka
    Participant
    • Topics: 86
    • Replies: 85
    • Total: 171
    Member since: November 14, 2016

    Hello SKT Team,

    I have used MENU ICONS Plugin in kamdarcrafts.noordigital.in
    Last time you have given me code to make sub menu horizontal…..below is the code

    #nav ul li:hover ul { width:630px; left:-100%;}
    #nav ul li ul li { float:left; padding:15px 10px;}
    #nav ul li ul li a { border-left:1px solid #000000; border-top:none; line-height:12px; padding:0 4% 0 20px !important;}
    #nav ul li ul li:first-child a { border:medium none;}
    @media screen and (max-width:980px) {
    #nav ul li:hover ul { width:630px; left:0;}
    #nav ul li ul li { float:none;}
    #nav ul li ul li a { border-left:none; border-top:1px solid #000000; line-height:20px;}
    }
    #nav ul li ul li a { border-top:none !important;}
    #nav ul li:hover ul li:hover ul { left:0; top:42px;}
    #nav ul li ul li ul { width:220px !important;}

    Now the problem is when i added image in menu the horizontal sub menu got white space between each other and the sub menu list goes above the image …….
    Kindly help me to reduce the white space between the sub menu and sub menu list item should go below the image….pls check the link and support for the same http://www.kamdarcrafts.noordigital.in

    #67134

    Zainab Gurka
    Participant
    • Topics: 86
    • Replies: 85
    • Total: 171
    Member since: November 14, 2016

    Hello Skt Team,
    Sorry to bother you…..but I m stuck at this point…..kindly support for the same

    please go through the below contents and help me for the same

    I have used MENU ICONS Plugin in kamdarcrafts.noordigital.in
    Last time you have given me code to make sub menu horizontal…..below is the code

    #nav ul li:hover ul { width:630px; left:-100%;}
    #nav ul li ul li { float:left; padding:15px 10px;}
    #nav ul li ul li a { border-left:1px solid #000000; border-top:none; line-height:12px; padding:0 4% 0 20px !important;}
    #nav ul li ul li:first-child a { border:medium none;}
    @media screen and (max-width:980px) {
    #nav ul li:hover ul { width:630px; left:0;}
    #nav ul li ul li { float:none;}
    #nav ul li ul li a { border-left:none; border-top:1px solid #000000; line-height:20px;}
    }
    #nav ul li ul li a { border-top:none !important;}
    #nav ul li:hover ul li:hover ul { left:0; top:42px;}
    #nav ul li ul li ul { width:220px !important;}

    Now the problem is when i add image in menu the horizontal sub menu got white space between each other and the sub menu list goes above the image …….
    Kindly help me to reduce the white space between the sub menu and sub menu list item should go below the image….pls check the link and support for the same http://www.kamdarcrafts.noordigital.in

    Waiting for your support

    #67315

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21675
    • Total: 21675
    Member since: August 16, 2013

    Hi Zainab,

    Basically it is not a theme issue. Kindly connect with plugin developers.

    Anyways add this code in Custom CSS Box:

    #nav .menu-item i._mi, #nav .menu-item img._mi { display:block !important;}
    #nav .menu-item img._after, #nav .rtl .menu-item img._before { margin-left:0 !important;}

    Regards,
    Brad

    #67372

    Zainab Gurka
    Participant
    • Topics: 86
    • Replies: 85
    • Total: 171
    Member since: November 14, 2016

    Hello Brad,

    Thanx for your kind reply….

    Gap between image is being solved but the icons which i have added on the main menu moved up ……the icons were before the menu items

    kindly resolve the same

    #67431

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21675
    • Total: 21675
    Member since: August 16, 2013

    Hi Zainab,

    Delete previous css and add this in Custom CSS Box:

    #nav ul li ul li a img { display:block !important; margin-left:0 !important;}

    Regards,
    Dave

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.