Jump to content

Words getting hyphenated on mobile view

Recommended Posts

Site URL: http://www.myartbeatflorals.com

Three things...

One is that on mobile view, all pages have words hyphenated due to lack of space. Is there a code I can use to just bump the word down to the next line instead?

Second, in my FAQ section I have it set to open my links in a new page, but it doesn't. Here's a snippet of my markdown coding for that: 

### • **DO YOU OFFER ANY DISCOUNTS OR PACKAGES?**
I offer a 10% photography discount, which you can read about and apply for [here][9].

[8]: https://www.jotform.com/ashellepack/10-photography-discount
[9]: https://www.jotform.com/ashellepack/10-photography-discount


I do not currently offer package deals. I have found that most couples' needs do not fit any one package. All of my items are priced à la carte, so you can get exactly what you need - no more and no less!
<hr>

 

And third, I have a "}" showing up at the top of my site. Not sure how to remove it. Here's my current custom CSS:

//subtitle under logo//
a.Mobile-bar-branding:after {
    content: "SOLA WOOD | SILK | PRESERVED";
    display: block;
    margin-top: 20px;
    font-size: 8px;
    font-family: futura-pt;
    color: #A0A0A0;
}


@media screen and (max-width: 639px){
  #pitch {
    min-height: unset !important;
}

  
  //remove space at bottom of site on mobile//
.Mobile-bar.Mobile-bar--bottom {
  padding: 0;
}

/* tagline overlap */
a.Header-tagline {
    line-height: 1.2em;
}
}
/* Tagline on mobile */
a.Mobile-bar-branding:after {
    content: "Sola Wood | Artificial | Dried | Preserved";
    font-family: futura-pt;
    font-weight: 700;
    font-style: normal;
    font-size: 11px;
    letter-spacing: .2em;
    line-height: .5em;
    text-transform: uppercase;
    color: rgba(124,121,121,.5);
    display: block;
}

Link to comment
5 minutes ago, Ashelle said:

The random "}" is sitewide on every page at the very top left.

Take a look in Settings > Advanced > Code Injection > Header. You should find the rogue "}" there just before:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Delete the code that shouldn't be there and save your changes.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.