Text format in header button gone wrong?!

Hi All,

I hope someone can help shed some light on my problem. I used a plugin code from ghost to underline my header button on hover, all been great havent changed anything and this morning ive logged on to make some changes to my site and the text is not centered anymore (please see photo attached)

I havent changed the css file so i dont understand why its changed the text format or how to change back?

Hope someone can help.

Thanks Adam

Hi Adam, share the site URL please

Hi 
 

it’s not published yet? What’s the best thing to do? 

You can password protect the site and share the password of your the front-end. 
 

1. In the Home menu, click Settings, then click Site Availability.
2. Select Password Protected in the drop-down menu.
3. Enter the password visitors will use to view your site.
4. Click Save.

Thanks for your help

Site: finchandfinley.co.uk

Pass: fandf123

i'm guessing i start it from #siteWrapper as added the @media screen section and it threw back a syntax error? Removed that bit and has worked?

48 minutes ago, adamrl said:

i'm guessing i start it from #siteWrapper as added the @media screen section and it threw back a syntax error? Removed that bit and has worked?

Yes you may remove it or may use parenthesis and it will work fine. Works both ways
@media screen and (min-width: 0) and (max-width: 2119px) and (orientation: landscape) {
#siteWrapper .header-actions-action--cta .sqs-button-element--primary, #siteWrapper .header-skip-link {
    height: 18px;
    padding: 10px 35px;
}
}