Home › Forums › Pro Themes › University Hub Pro › Primary menu
- This topic has 5 replies, 2 voices, and was last updated 5 years, 11 months ago by wensolutions.
-
AuthorPosts
-
December 12, 2018 at 7:15 am #86912Jennifer SimsParticipant
Dear Support,
Please advise how I can change the main menu and sub menus to all CAPS and is it possible to add the underline feature of the primary menu the same as your WEN BusinessPro theme.
Kind regards Jen
December 13, 2018 at 12:25 am #86977wensolutionsKeymasterHello @simsdesign,
For this please add below given CSS.
#main-nav { margin-bottom: 5px; } .main-navigation .menu > li { margin-right: 10px; position: relative; } .main-navigation .menu > li::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 5px; width: 100%; background-color: #222; transition: 300ms all ease-in-out; } .main-navigation .menu > li.current-menu-item::before, .main-navigation .menu > li.current-menu-item::before { background-color: #179bd7; height: 10px; } .main-navigation .menu > li > a { font-size: 14px; text-transform: uppercase; } .main-navigation .menu > li:hover > a, .main-navigation li.current-menu-item a, .main-navigation li.current_page_item a { color: #179bd7; background-color: transparent; } .main-navigation .menu > li:hover::before { background-color: #179bd7; height: 10px; transition: 300ms all ease-in-out; }
Hope this helps.
Regards!!
December 14, 2018 at 4:25 am #87179Jennifer SimsParticipantAbsolutely fantastic! Like it.
I have one more question can I put the logo on the left of the menu the same as your Wen Business Pro theme?
Also, are you aware of any issues using Chrome Windows 10 with the phone icon and arrows not showing up. We have issues both on desk top and mobile devices.
Regards Jen
December 17, 2018 at 3:30 am #87303wensolutionsKeymasterHello @simsdesign,
The Logo is displayed at the left currently. So, we are not quite clear what you exactly mean so explain it with the screenshot.
As for the second query, we need to inspect the issue in your site URL so provide the URL so that we can provide the fix for this.
Thank you.
Regards!!
December 18, 2018 at 7:04 am #87369Jennifer SimsParticipantWas hoping to have the logo on the left of the menu rather than above the menu.
The version issue used for mobile and desktop is Android 9 and Chrome 71.0.3578.98
The ‘phone symbol’ is a square on the desktop computer
The menu is a square on the mobile view.
Both are an outline of a square.
Regards Jen
December 18, 2018 at 10:52 pm #87419wensolutionsKeymasterHello @simsdesign,
Regarding the menu placement, placing the menu exactly at the side of the menu requires code customization so as much as we would love to help you with this we are unable to do so as it is beyond the support we offer for our product.
Now for the queries related to the mobile view and desktop view of mobile, please provide the screenshot along with the site URL so that we can help you further.
Thank you.
Best Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.