Jump to content

Recommended Posts

I'm having a couple of mobile design issues for my website, www.scottdrucker.com, particularly on the main page (but one on the linked pages as well). It should be noted that I've reached out to Squarespace on this and they've acknowledged the technical issue on their end, calling all of these "bugs" that they would report or in one case "we’ve noted your report with our Engineering and Design teams for review. They’ll use this feedback when creating fixes and improvements for future releases," but they still recommended that I use this forum for recommendations on to fix the following issues:

1. On Mobile only, the hamburger icon completely disappears. Most of the time it doesn't show up at all, but if I reload the page, that will sometimes get it to show up. I've tested it on three different phone models with different OS's and it's inconsistent at best. I'd love it if the icon showed up everytime on mobile.

2. The F in "films" and the P in "photography" are cut off. I've tried playing with the padding and width settings, but nothing seems to get it to show up unless I am missing something. Seems to be an issue on that line itself in mobile so no matter where the font start vertical line moves left or right, it's still cut off.

3. The Tagline doesn't show. I know that making the font smaller gets everything on the same line, but then my fonts are so small on desktop that I can barely see them. It's too small for my liking and I don't want to compromise desktop just for mobile since a majority of my hits are desktop. The best solution I could think of for this is to customize CSS to either have the tagline below the title in mobile only, or to get the fonts smaller for mobile only (across the board, which could help other sections). 

4. The titles and video descriptions on the films and cinematography pages are so big that it's cluttered and you can't tell what's going on (and yet pretty small IMO on desktop). They are also not on the bottom left on mobile like I have set in the site design. Not sure why they're all center punched on mobile. It would be great to get that much smaller and in the left hand corner as well like the desktop.

Thanks! A couple of screenshots attached as a sample.

IMG_7767.PNG

IMG_7768.PNG

Link to comment
  • Replies 0
  • Views 217
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.