Jump to content

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 4/15/2020 at 4:12 AM, tuanphan said:

You can use CSS. Can you describe in detail? I will take a look

eg: Which element to shrink font?..

What I am working on right now are my pages. So at the top if you click "Philosophy" the pages for "Hedge Fund", "Private Equity", and "Real Estate" pop up, in which I will dive into more info on each inside those pages. But the links to get in are huge on mobile view. It's linked to Heading 1, so I reduce that size and its showing up the exact same on mobile but smaller on the web view.

 

So, I just altered the size while in mobile view to make it look how I want, but for some reason it's jumping back to being big.

 

Overall, on the web view I love the layout. If I go to the website on my phone, it runs into multiple lines. I would love the ability to have the web view, just shrunk down to fit in mobile view.

Example:

Alpine Lux | Capital

vs.

Alpine Lux |

Capital

 

and 

Hedge Fund

Private Equity

Real Estate

vs

Hedge

Fund

Private

Equity

Real

Estate

 

I hope this helps!

Link to comment

Add to Philosophy page settings > Advanced > Header

<style>
@media screen and (max-width:767px) {
/* philosopy text */
span.portfolio-hover-item-content {
    font-size: 30px;
    letter-spacing: 2px;
}
/* logo */
a#site-title {
    letter-spacing: 2px;
}
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.