Go arrow on button css

Site URL: https://robin-impala-w8cj.squarespace.com/config/

This button arrow keeps going below the text on mobile. How do i prevent that? 

39 minutes ago, amyleehayward said:

Site URL: https://robin-impala-w8cj.squarespace.com/config/

This button arrow keeps going below the text on mobile. How do i prevent that? 

Try adding to Home > Design > Custom Css

#block-yui_3_17_2_1_1636773166682_19223 a {
  white-space: nowrap;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing

Hey bangank36 thanks so much! Helped my problem however next problem it is not staying within the page. I have tried it on multiple devices and it looks like this: 

Any suggestions? 🙂

Don't remove any code in your current code

Add this to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1636773166682_19223 a {
    white-space: nowrap;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}