Jump to content

Molololol

Member
 View Profile  See their activity

  • Posts

    43

  • Joined

  • Last visited

 Content Type 

Everything posted by Molololol

  1. Molololol
    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. Molololol
    @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. Molololol
    Or perhaps @Beyondspace
  4. Molololol
    Hi, does anyone have any advice for this, perhaps @tuanphan?
  5. Molololol
    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.
  6. Molololol
    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!
  7. Molololol
    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!
  8. Molololol
    Hi @tuanphan it still doesn't happen simultaneously -- the logo turns blue first and then the header goes white.
  9. Molololol
    @tuanphan Will Myers
  10. Molololol
    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); } }
  11. Molololol
    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!
  12. Molololol
    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!
  13. Molololol
    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!
  14. Molololol
    Thank you so much! @tuanphan
  15. Molololol
    Yep! @tuanphan
  16. Molololol
    elisefriedman.co.uk password: accesscode @tuanphan
  17. Molololol
    @tuanphan elisefriedman.co.uk password: accesscode Thanks!
  18. Molololol
    Hi, just wanted to bump this, maybe @tuanphan can help?
  19. Molololol
    Have attached a video showing what is so weird about mega menu view. This was filmed on an iPad Pro in portrait view. Please advice on how to fix. Thanks so much! password: accesscode RPReplay_Final1701538058.mov
  20. Molololol
    Asked moments before I figured it out. In case anyone needs: .wm-active-mega-menu .header{ background-color: #ffffff!important;}
  21. Molololol
    Hi, I have a header that I want to be transparent most of the time, except when hovered over or when one of two mega menus is open. I have figured out the css for the hovering as below, but can't yet for the mega menu. The mega menu is from Will Myers. Please advise. Thanks!
  22. Molololol
    Hi, I am wanted to split the navigation between the 3rd and 4th of my navigation links and moved to an attractive edge of the left and right sides of screens. There is also a shopping bag on the site. Please advise on how to do this effectively. Additionally, I am wanting to have my drop down menus appear as mega menus (full width of viewing platform) without using mega menus, but with the text content of the drop down aligned left with the navigation. Thanks!
  23. Molololol
    Here's the site
  24. Molololol
    Hi, The fixed header changes size on scrolling up and down, would like it to stay same size despite scrolling up and down. Please advise on how to fix this. Thanks!
  25. Molololol
    I can't see a change, I can see the text now when I increase the font size
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources