[Resolved] Border layout sub-menu primary navigation

Home Forums Support Border layout sub-menu primary navigation

This topic contains 5 replies, has 2 voices, and was last updated by  Leo 3 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #514195

    Rob

    Hi Tom,

    My first time creating a full website, everything new, tons of stuff to learn!
    With a slight ICT background I wanted something highly customizable and instantly knew your theme was the way to go…. it rocks!

    That said, I’ve come a long way creating my first website (not online yet), also by reading through this forum…

    I made a primary menu and styled the borders with CSS to make ‘m look somewhat like buttons.

    .main-navigation {
    border-top: 2px solid #eee0df;
    border-bottom: 2px solid #eee0df;
    }

    .main-navigation ul li {
    border-right: 2px solid #eee0df;
    }

    .main-navigation ul li:first-of-type {
    border-left: 2px solid #eee0df;
    }

    My problem is these lines also show up in the dropdown sub-menu. I dont want them there or be able to customize thoser borders as well!?

    Could ya help me out, im kinda stuck :)?

    Regards,
    Rob

    GeneratePress 2.0.2
    GP Premium 1.5.6
    #514341

    Leo Customer Support
    #514560

    Rob

    That’s pretty damn close! Any idea how i can add these to the search button icon and woocomerce shop icon as well?

    #514861

    Leo Customer Support

    I can’t see your site as it’s under coming soon page.

    But try adding these two selectors with your current CSS:

    .main-navigation .main-nav ul li.search-item a,
    .main-navigation .main-nav ul li.wc-menu-item a
    #515071

    Rob

    Works like a charm…. ty Leo!

    #515193

    Leo Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.