Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 24, 2018 at 9:14 pm #961839
    bobfurgo

    Hi all!

    Please take a look at the widget navigation i’ve styled that reads “websites, print collateral, logos custom designs”. I’m trying to make it so that the current page item (websites) has an active border underneath it but can’t figure out how to do this with the css. I think i’m targeting the wrong thing. Could someone please assist with this? Thank you in advance!

    May 24, 2018 at 9:40 pm #961848
    Jordan Shannon

    Hey bobfurgo,

    Add this to quick css:

    #menu-browse-designs #menu-item-192 a{
    border-bottom: 3px solid black !important;
}

    Best regards,
    Jordan Shannon

    May 24, 2018 at 9:43 pm #961850
    bobfurgo

    Hi Jordan! Thanks for the quick reply. I actually would like the black border to show on the active menu item. So when you click on another tab and it directs you to that page (print collateral for example) the black bar would then show underneath the print collateral menu item. Hope that makes sense. Thanks!

    May 24, 2018 at 9:52 pm #961855
    Jordan Shannon

    Hi,

    I see. Adjust to this:

    #menu-browse-designs .current-menu-item a{
    border-bottom: 3px solid black !important;
}

    Best regards,
    Jordan Shannon

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