Home › Forums › All Other Themes › Hotel Pro- Nav Menu
- This topic has 11 replies, 2 voices, and was last updated 7 years, 8 months ago by Sonl Sinha.
-
AuthorPosts
-
February 27, 2017 at 3:36 am #63306
Hello SKT Team,
In Hotel pro is it possible to make sub menu horizontal….??? can you help me for this….???
February 27, 2017 at 6:43 am #63339Hi Zainab,
Add this code in Custom CSS Box:
#nav ul li ul li a{display:ruby-text !important;}
Regards,
DaveFebruary 27, 2017 at 7:01 am #63353Hello Dave,
Thx for your instant reply
But….I want Sub Menu to be Horizontal like Main MenuFebruary 27, 2017 at 7:05 am #63355Kindly show us your website URL.
Regards,
DaveFebruary 27, 2017 at 7:17 am #63360www.kamdarcrafts.noordigital.in
February 27, 2017 at 11:49 am #63438Hi 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,
DaveFebruary 28, 2017 at 4:36 am #63558Thanx 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
February 28, 2017 at 10:01 am #63616Hi 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,
DaveFebruary 28, 2017 at 11:14 am #63627Hi 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
February 28, 2017 at 12:12 pm #63634Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
#nav ul li ul li ul { width:220px !important;}
Regards,
DaveMarch 1, 2017 at 5:16 am #63721Thx Dave for your kind support and patience….
March 1, 2017 at 7:21 am #63753🙂
-
AuthorPosts
- The topic ‘Hotel Pro- Nav Menu’ is closed to new replies.