Mobile Menu Overlap & Swap Logo with 'Menu'

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)

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

Hi,

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

Hi tuanphan,

Thanks for your response.

I am on a business plan and I'm using the template 'Flatiron'

Your custom CSS makes it slightly better but the issues still remain.