-
AuthorPosts
-
April 7, 2016 at 5:00 pm #609762
Sorry for bringing back a solved topic (https://kriesi.at/support/topic/last-menu-item-hover/) but I’m having problems again on another website. I’m not sure if the problem is happening because I deleted the main menu from the demo content and replaced it with another menu. The code below doesn’t work for this new website:
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a { padding-right: 13px; }
April 7, 2016 at 5:07 pm #609768Hi schenkco!
Please use the code as folllowing
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a { padding-right: 13px!important; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Cheers!
YigitApril 7, 2016 at 5:08 pm #609770Hey schenkco!
Please use the css below in Quick CSS
#top .avia-menu li:last-child .avia-menu-fx { width: 100%!important; }
Regards,
VinayApril 7, 2016 at 5:24 pm #609782Yigit: tried that code with the > instead of > and it didn’t work on this site for some reason.
Vinne: for the transparent header, the last menu item underline was not the same length as the other text and when scrolled, the padding was gone.Sorry for the trouble guys..
- This reply was modified 8 years, 8 months ago by schenkco. Reason: created admin account
April 7, 2016 at 7:57 pm #609838Hey!
We added the above code in Quick CSS on top. Please refresh the browser cache a few times and review the site.
Regards,
VinayApril 7, 2016 at 8:08 pm #609844I really hate to be a pain but it’s so close to perfect… the transparent header version has an underline that is longer than the other ones. The underline should only be under the word but requires a 13px padding to the right. With the most current revision, now the other pages menu has a white underline when hovered. Sorry for asking too much!
April 11, 2016 at 10:53 am #611110Hey!
you are using this code:
#top .avia-menu li:last-child .avia-menu-fx { width: 100% !important; }
Change it to a different value, something like:
#top .avia-menu li:last-child .avia-menu-fx { width. 72% !important; }
and adjust as needed.
Best regards,
AndyApril 11, 2016 at 4:15 pm #611410Awesome, this fixed the issue! Thanks!
-
AuthorPosts
- The topic ‘Last menu item hover’ is closed to new replies.