Community Forums › Forums › Archived Forums › Design Tips and Tricks › genesis 2.2 upgrade brakes my nav menus
Tagged: genesis nav menu outreach css
- This topic has 1 reply, 2 voices, and was last updated 8 years, 7 months ago by Tom.
-
AuthorPosts
-
September 23, 2015 at 2:12 am #166432stampedeMember
I had a properly working menu built in 'genesis.2.1.3' using the Outreach Pro theme but after genesis.2.2 updates the menu malfunctions and I have to rolled back to 'genesis.2.1.3' to get it working again.
I can send screen shots of the "before and after" so you have an idea of what's happening.
Below is the adjustment to my css that works in 2.1 but not 2.2
I am playing with the css but so far have not identified what the update doesn't like.
I hope I am following proper protocol, I am not too familiar with using forums.
Any help would be appreciated, thank you./* Center Primary Nav Bar (Custom Header Nav Bar) */
.menu-primary {
float: none;
text-align: center;
}.menu.menu-primary > li {
float:none;
display:inline-block;
}/**
* Style the parent tabs
**/.menu.menu-primary > li > .tab-wrap {
width: 80px;
height: 50px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align:center;
border: 1px solid #7fc027;
background-color:#7fc027;
}.menu.menu-primary > li > .tab-wrap:hover {
background-color: #76b71d;
}.menu.menu-primary > li > .tab-wrap > a {
display:table-cell;
vertical-align:middle;
/* If text doesn't need to be vertically aligned, replace the above 2 lines with the follwing */
/*line-height: 50px;*/
font-weight:600;
background-color:transparent;
border:0;
padding:0;
/* Set equal height and width */
height:50px;
width:100px;
}.menu.menu-primary > li.current-menu-item > .tab-wrap,
.menu.menu-primary > li.current_page_item > .tab-wrap,
.menu.menu-primary > li.current-menu-ancestor > .tab-wrap,
.menu.menu-primary > li.current-menu-parent > .tab-wrap {
background-color: gold;
border-color: #7fc027;
}/**
* Child Tabs
*/.menu.menu-primary > li > ul > li {
float:none;
display:inline-block;
}.menu.menu-primary > li > ul > li > .tab-wrap {
-webkit-border-radius: 180px 180px 180px 180px;
border-radius: 180px 180px 180px 180px;
text-align:center;
border: 1px solid #c0c0c0;
background-color:#efefef;
}.menu.menu-primary > li > ul > li > .tab-wrap:hover {
background-color: gold;
}.menu.menu-primary > li > ul > li > .tab-wrap > a {
display:table-cell;
vertical-align:middle;
/* If text doesn't need to be vertically aligned, replace the above 2 lines with the follwing */
/* line-height: 45px;*/
font-weight:600;
background-color:transparent;
border:0;
padding:0;
/* Set equal height and width */
height:90px;
width:90px;
}.menu.menu-primary > li.current-menu-item > .tab-wrap,
.menu.menu-primary > li.current_page_item > .tab-wrap,
.menu.menu-primary > li.current-menu-ancestor > .tab-wrap,
.menu.menu-primary > li.current-menu-parent > .tab-wrap {
background-color: #76b71d;
}.menu.menu-primary > li > ul > li {
http://truepathmedia.com
/* Use the same width as used for the selector */
width:90px;
display:block;
padding:0;
margin-left:9px;
}
September 28, 2015 at 2:54 pm #166885TomParticipantHeya stampede,
We don't know what your custom menu design is supposed to look like, so it would be best to post image(s) of the appearance before it broke.
When you post code, please use the "code" button to wrap it for formatting; this preserves the code formatting and characters and makes it more readable.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ] -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.