Can you make drop down folders in the menu open upwards instead?

Hi there,

I am trying to mess quite heavily with my squarespace site to allow for a fixed image as a header (top left corner), and a fixed transparent menu bar along the bottom. 

This has flagged up an issue in the fact that the drop down folders from the menu headings drop down off the bottom of the window. Can I make these instead open 'up', above the menu? Attached screenshots of the overall home page and menu drop down issue.

As an aside, the fixed menu at the bottom is also causing issues by pushing my instagram icon off the page. This is because I have left padded the menu 3% to allow it to resize in line with the fixed image header in the top left. Any help on brining the instagram icon back over a bit would be great!

Website: https://purple-goose-k5e6.squarespace.com/
Password: TELLER 

Thanks

Ross

Bumping this up! Does anyone know the css to allow the menu folder to open above the navigation? Would really appreciate it!

@tuanphan is there any chance you could help with this? sorry to ask directly. Trying to get the menu folder to open above my navigation bar, instead of below. Thanks in advance

Amazing! This worked perfectly, thank you.

Can I ask another question if you don't mind.. I am looking to slow down the fade in of the menu options slightly (ie make the 'about' and 'about the process' fade in more slowly when you hover over 'information'. Just to make it feel a little calmer and more elegant. Is do you know if there is code for this? Likewise, I would like to slow down the blur effect when I hover over the TELLER logo in the top corner.

Any help would be massively appreciated!

9 hours ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.header-nav .header-nav-item--folder .header-nav-folder-content {
    bottom: 100% !important;
}

 

8 hours ago, rossbaynham said:

Amazing! This worked perfectly, thank you.

Can I ask another question if you don't mind.. I am looking to slow down the fade in of the menu options slightly (ie make the 'about' and 'about the process' fade in more slowly when you hover over 'information'. Just to make it feel a little calmer and more elegant. Is do you know if there is code for this? Likewise, I would like to slow down the blur effect when I hover over the TELLER logo in the top corner.

Any help would be massively appreciated!

 

 

 

Add these code on below the previous code

.header-nav .header-nav-item--folder .header-nav-folder-content, .fe-block-yui_3_17_2_1_1696953527203_1725 img {
    transition: 1s !important;
}