Hotel pro – Sub menu

[Zainab Gurka]

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

[Zainab Gurka]

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

[Sonl Sinha]

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

[Zainab Gurka]

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

[Sonl Sinha]

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

[Author]

Posts