LCP Left Sidebar

Main Navigation Menu

To add a menu to your site first create the pages you want then go to Appearance → Menus → create a new menu → add the pages you want → check Main Navigation Menu → click Save

To change the look of your Main Navigation Menu do it in your child theme style.css file.

Change the menu bar. Below is what was there when you installed this theme.

.primary{
       background:#EBEBEB;
	margin: 5px 0px 5px 0px;
	padding: 0;
}

 

Change the button color. Below is what was there when you installed this theme.

.primary li{
	background:#EBEBEB;
}

 

Change the font color, font size and the button size. Below is what was there when you installed this theme.

.primary a{
	font-size:1.1em;
	color: #464646;
       padding: 7px 10px 7px 10px;
}

 

Change the border right of each button. Below is what was there when you installed this theme.

.primary li~li {
	border-left-width: 2px;
	border-left-color: #919191;
}

 

Change the font color, font size and the button size of child buttons. Below is what was there when you installed this theme.

.primary li li a {
	background:#EBEBEB;
	color: #464646;
}

 

Change the font color and button color of your mouse over the button (hover). Below is what was there when you installed this theme.

.primary   li > a:focus,
.primary   ul ul :focus > a,
.primary   li:hover > a,
.primary   ul ul :hover > a {
	background: #919191;
	color: #ffffff;
}

 

Change the font color and button color for a current menu item selected. Below is what was there when you installed this theme.

.primary   .current-menu-item a,
.primary   .current-menu-ancestor a,
.primary   .current_page_item a,
.primary   .current_page_ancestor a {
	background: #919191;
	color: #ffffff;
}

 

Change the icon color and size to display the menu for a tablet/phone. Below is what was there when you installed this theme.

.menu_main_tablet_button{
	background: #EBEBEB;
	height: 52px;
}
.border_menu_main:before{
        width: 3em;
        height: 0.45em;
        border-top: 1.5em double #919191;
        border-bottom: 0.5em solid #919191;
 }

 

Change the button color and size for the tablet/phone view. Below is what was there when you installed this theme.

.primary_tablet a{
        font-size:1.1em;
	 color: #464646;
        padding: 15px 10px 15px 10px;
}

 

Change the font color and button color for a current menu item selected for a tablet/phone. Below is what was there when you installed this theme.

.primary_tablet   .current-menu-item a,
.primary_tablet   .current-menu-ancestor a,
.primary_tablet   .current_page_item a,
.primary_tablet   .current_page_ancestor a {
	background: #919191;
	color: #ffffff;
}

 

Change the color of the arrows down showing that the parent menu item has child menu items for a tablet/phone. Below is what was there when you installed this theme.

.button_phone_tablet_main_menu{
        color: #919191;
	 font-weight: 900;
}

Comments are closed.