Home Forums Pro Themes University Hub Pro Primary menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #86912
    Jennifer Sims
    Participant

    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

    #86977
    wensolutions
    Keymaster

    Hello @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!!

    #87179
    Jennifer Sims
    Participant

    Absolutely 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

    #87303
    wensolutions
    Keymaster

    Hello @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!!

    #87369
    Jennifer Sims
    Participant

    Was 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

    #87419
    wensolutions
    Keymaster

    Hello @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!!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.