Jump to content

Looking to Hire Someone to fix the following Mobile Only Issues

Recommended Posts

I'm having the following 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 eventually 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 every time the page is loaded 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. They are going to eliminate the font altogether, really making my life difficult as I'd have to completely redesign the site. But Raven recommended in the meantime that I reach out on the forum to find a way to get the first word to start with a space (which you can't do within the template itself as the space doesn't impact the placement after saving with a space in front of the word).

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). They've suggested I create a custom logo, and if that's the case, I'd need someone to create a logo for me using that font.

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. . .without have the fonts super small on desktop (gong back to 3).

Thanks! A couple of screenshots attached as a sample.

IMG_7767.PNG

IMG_7768.PNG

Link to comment
  • Replies 0
  • Views 178
  • 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.