Hotel Pro- Nav Menu

[Zainab Gurka]

Hello SKT Team,

In Hotel pro is it possible to make sub menu horizontal….??? can you help me for this….???

[Sonl Sinha]

Hi Zainab,

Add this code in Custom CSS Box:

#nav ul li ul li a{display:ruby-text !important;}

Regards,
Dave

[Zainab Gurka]

Hello Dave,

Thx for your instant reply
But….I want Sub Menu to be Horizontal like Main Menu

[Sonl Sinha]

Kindly show us your website URL.

Regards,
Dave

[Zainab Gurka]

www.kamdarcrafts.noordigital.in

[Sonl Sinha]

Hi Zainab,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#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;}
}

Regards,
Dave

[Zainab Gurka]

Thanx Dave for your kind help….

But still one mess is there in third level menu

Can you make third level in vertical with bullets but in the same box of second level ….i mean it should not leave the box when somebody hovers on sub menu it should be in continous to second level

[Sonl Sinha]

Hi Zainab,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#nav ul li ul li a { border-top:none !important;}
#nav ul li:hover ul li:hover ul { left:0; top:42px;}

Regards,
Dave

[Zainab Gurka]

Hi Dave,

Thanks for your patience…..
I have added this below code for third level of menu to be vertical
#nav li ul li ul li { display: block; float: none;}

but the problem is the background moves out from the border line and it looks very odd i.e if i hover on Executive cabin furniture it looks good but when i hover on office cubicle furniture it looks messy i mean it doesnt hold the background

So please help me for the same

Thx in advance

[Sonl Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#nav ul li ul li ul { width:220px !important;}

Regards,
Dave

[Zainab Gurka]

Thx Dave for your kind support and patience….

[Sonl Sinha]

🙂

[Author]

Posts