Jump to content

Molololol

Member
  • Posts

    43
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hi @Ricky10 I used the will myers mega menu plugin, its $10 and very easy to install https://www.will-myers.com/products/p/mega-menu-for-squarespace-71
  2. @tuanphan thank you for your help! 1# I was wondering if there is a way to make this transition a bit smoother, so it doesn't seem to appear out of nowhere, I've added a transition of 0.2s for the outgoing but I can't seem to have the same apply for the incoming line. #2 yes, took me a while but I figured it out!
  3. Hi, does anyone have any advice for this, perhaps @tuanphan?
  4. Hi @Ginger_Meadow_08 I am by no means an expert but someone who has come here for help myself before. I tinkered around with your site and found this: .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { left: inherit!important; text-align: left!important; } I think if you add this in custom css it should appear as you'd like. If you just add 'text-align' the overall dropdown will stay in the same location, which would look rather weird, so I've added in the 'left' to make it look how I would think is best.
  5. Hi, I am having two difficulties I'd like help with. website password: accesscode 1) I'd like there to be no bottom border on the header until you scroll ever so slightly. 2) I'd like for open mega menus to have the same border (1px, solid, #BDBDBD) at the bottom only, and rid the header of its bottom border. I've been able to make the header border disappear with an open mega menu with this code: .wm-active-mega-menu {.header-border { display:none!important; }} but I can't figure out how to make a code for the divider on the mega menu to appear. When I try putting dividers into the footer section of the mega menu, the mega menus stop working altogether. Thanks in advance for your help!
  6. Thanks @tuanphan I will have a go at this in a bit. Another worry I am having is that on mobile my header is not central. Any chance you could help with that? Thanks!
  7. Hi @tuanphan it still doesn't happen simultaneously -- the logo turns blue first and then the header goes white.
  8. Hi, I've figured this out, except they don't happen at the same time -- I'd like it to feel like one movement. Maybe @tuanphan can help, as always! Thanks! header#header:hover { background-color: #ffffff !important; } .wm-active-mega-menu .header{ background-color: #ffffff!important; } header#header:hover { .header-title-logo img { transition-duration:1s!important; transition-delay: 1s!important; content: url(https://static1.squarespace.com/static/655b7d92dd8f1b400311dec7/t/6571c2aab091340896fe603a/1701954218671/ELISE+FRIEDMAN+NEW+BLUE.png); } } .wm-active-mega-menu{ .header-title-logo img { transition-duration:1s!important; transition-delay: 1s!important; content: url(https://static1.squarespace.com/static/655b7d92dd8f1b400311dec7/t/6571c2aab091340896fe603a/1701954218671/ELISE+FRIEDMAN+NEW+BLUE.png); } }
  9. Hi all, I am trying to have the logo in my header change colour when hovering on the header and when the mega menu is open. I have been able to change the colour of the header when doing either with this code: header#header:hover { background-color: #ffffff !important; } .wm-active-mega-menu .header{ background-color: #ffffff!important; } But I can't figure out how to have the logo switch as well -- I have a png file for the other colour. I'd also love a rather smooth transition if possible. Website is elisefriedman.co.uk Password is accesscode Thanks in advance!
  10. Hi @tuanphan I've sorted this to make it how I'd like -- but this doesn't allow my mega menu on the 4th link to work. Please advise. Thanks!
  11. Hi @tuanphan I'm actually wanting the About to stay on the left, only the connect to move over. Also, this code just made the links disappear on my computers. Thanks!
×
×
  • 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.