Jump to content

Website not rendering correctly in occasions

Recommended Posts

Site URL: https://wrasse-parsnip-cwzz.squarespace.com/

I am having trouble with my website as in some cases it looks ok and in other cases the buttons look stretched and the navigation on mobile is misaligned (when you click on one page it takes you to the one below it).

I am attaching screenshots of how it should look with the pill buttons, and how it renders sometimes with the elongated circles. 

Any help would be appreciated! @tuanphan

IMG_41D5437866BB-1.jpeg

IMG_807AB9A70221-1.jpeg

Link to comment
  • Replies 3
  • Views 393
  • Created
  • Last Reply

Hi, 

I tried 

div#page-section-5fcaddee9708706f398f9755 a {
    padding: 5px 30px !important;
    border-radius: 20px !important;
    font-size: 14px;
    line-height: 14px;
    font-family: monospace !important;
}

But it changes the way the buttons look and they overlap so that is not what I am trying to do. 

My main concern is just how it sometimes looks on mobile. The mobile version on Squarespace looks correct, but when I see it on my phone it sometimes looks off... See below:

Password: natalia

Also, if you open the site on mobile, the navigation links don't take you to the appropriate page.. it seems like the line height if each navigation link overlaps with the text of the navigation link below it. Adding a video showing how the navigation links seem to occupy more that the text's line height.

Thanks!

 

1259024725_ScreenShot2021-01-11at8_10_17AM.thumb.png.86ad10cddadd21e74da2a0ff245fa62b.png

 

 

IMG_8690A12D7D63-1.jpeg

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.