Jump to content

Portfolio Mobile View: Reduce title size and page navigation

Recommended Posts

Site URL: https://diedesignwerkstatt.squarespace.com/

Hi there,

I want to make some changes regarding a portfolio section on mobile view. Am I right that there is no way at all in squarespace to change the mobile view except by code? 

My 3 questions about the portfolio "Services" :

1. Is it possible to reduce the title size on mobile view? Desktop looks fine, mobile is cut off. Also I would like to add space between words here to distinguish the words clearly.

2. On the portfolio subpages, I have a bulleted list. Here I would like to increase the margin space on the right. How can I insert paragraph markers that squarespace does not automatically delete on mobile?

3. The portfolio navigation at the bottom of the page is unfortunately not displayed correctly on the subpage "Design", because the size of the words is too large. How can I make them smaller?

For a better illustration please have a look at the attached png.

The link to the page is https://diedesignwerkstatt.squarespace.com/
Password: test123

I am so grateful for any help!!!

Thanks,
Jasmin

Squarespace-page-services.png

Link to comment
  • Replies 2
  • Views 842
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

I was able to solve number 3 with the following code:


/* portfolio pagination */
.item-pagination[data-collection-type^="portfolio"] .item-pagination-title {
    font-size: 1em;
}

 

However the portfolio pagination is now also smaller on desktop. Can somebody reword the code so that it works on mobile only?

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.