Jump to content

Mobile Menu Overlap & Swap Logo with 'Menu'

Recommended Posts

Site URL: https://www.turcoassociates.com.au/houses

Hi guys,

Hoping to get some assistance making a few tweaks to the mobile view/menu.


Item 1

When you click 'menu' in the mobile view. It does not drop down correctly and is quite clunky. It pushes the page content down when it opens. It also doesn't seem to drop down properly until you scroll the page a little. I would like the menu to drop down and overlap the page content (instead of push downwards).

I have attached an image of what it is currently like (top image) and what I want it to be like (bottom image)1137211888_currentvsgoal.thumb.jpg.5d6822581d5f8c24242a0b41bfd5172b.jpg

Item 2

I would like the 'turcoandassociates' logo to sit above the 'menu' link

Item 3

I would like to change the 'menu' link to a hamburger icon

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images


Q1. I think this will require JavaScript. What plan do/will you use?

Q2. Add to Design > Custom CSS

@media screen and (max-width:640px) {
#navigator .siteTitle {
    padding-top: 0 !important;
    margin-top: -10px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

Q3. Which template do you use? You can see at Design > Site Styles

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
  • 2 weeks later...

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.