Magazine Pro: secondary and primary nav styling issues

[cookieandkate]

Hi,

I want to use different padding amounts for my primary and secondary navigation menus. However, they both seem to be controlled by the following code:

.genesis-nav-menu a {
	border: none;
	color: #222;
	display: block;
	padding: 10px 10px;
	padding: 1rem 1rem;
	position: relative;
}

How do I differentiate the primary and secondary nav "a" styling so I can have different padding for the different menus?

Thank you so much!
Kate

[Davinder Singh Kainth]

Can you provide your website url or name of theme being used?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[cookieandkate]

Sorry, I would, but it's a local test site. If you look at Magazine Pro's demo, you can probably see what I'm talking about: http://my.studiopress.com/themes/magazine/#demo-full

[emasai]

You can add padding to the menus using a different tag
.nav-primary a
.nav-secondary a

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Davinder Singh Kainth]

Look for following section

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary .wrap {
border-bottom: 1px solid #222;
}

Add following below above code

.nav-secondary a {
padding:10px 20px;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[cookieandkate]

That worked! Thank you so much!

[Author]

Posts