How can I modify my theme navigation for bold text and rounded corners?

Store Design
1

Hi all,

I need help with the following two items related to the navigation of my shop.

  1. Make the text on the side navigation bold. I just want to see what it would look like bold.

  2. Give all buttons on the side navigation rounded corners. Not super rounded corners but noticeable. Just curious what that would look like.

Thanks so much in advance for your assistance.

www.PennsylvaniaParks.org

2

Hi @Justin34 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.site-nav ul {
    background: transparent;
}
.site-nav ul .site-nav__item {
    border-bottom: 0 !important;
}
.site-nav ul .site-nav__item:first-child {
    border-top: 0 !important;
}
.site-nav ul .site-nav__link {
    background: #000;
    font-weight: bold;
    border-radius: 5px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

That worked perfectly… Thanks so much!