sheingartner

I've noticed that on mobile my hyperlinks are getting much thicker than on desktop -- I'd prefer them to be a thinner weight. I'm attaching a screenshot comparison of desktop vs. mobile. Is there custom code I can add to address this? Thanks in advance! Website URL: https://www.sarahheingartner.com/photos

Hmm...this doesn't seem to be working. Same site URL, but it is no longer password protected. I'm pasting all the custom CSS I have currently included right now, but nothing else seems to be targeting the nav so I'm not sure why it isn't working. Any more ideas? Custom CSS I have: // Remove newsletter header padding for one block // #BLOCK-ID { .newsletter-block .newsletter-form-header-description { display: none } } // This hides the container for the form disclaimer // this part needs to be removed if you display // the disclaimer on your website .newsletter-form-footnote { display: none; .newsletter-form-description { display: none; }} // header bottom border // .header .header-announcement-bar-wrapper .header-border { width: 94%; left: 0; right: 0; margin-left: auto; margin-right: auto; } // footer border // .section-divider-display svg { width: 94%; left: 0; right: 0; margin-left: auto; margin-right: auto; } // Mobile nav sizing // .header-menu-nav-item a { font-size: 22px; line-height: 1.5em; // navigation centering // .header-title-nav-wrapper { flex:1 0 80% } .header-layout-nav-center .header-nav { width:100% !important; flex:1 1 100% }}

I'm having an issue with my centered navigation wrapping when I don't want it to. It appears that there is plenty of space to the left and right for the navigation to stretch out, but for some reason, it's going onto two lines instead. I've tried pasting all different CSS suggestions into the custom code area so far, and nothing seems to work. Is anyone able to help? Much appreciated! I'm attaching two screenshots: 1) how it looks right now, 2) how I want it to look (all on one line). Site: https://www.artistswithagency.com/ PW: AWA2023