Jump to content

AnnabelleYLD

Member
  • Posts

    7
  • Joined

  • Last visited

Posts posted by AnnabelleYLD

  1. On 12/12/2022 at 2:30 PM, Beyondspace said:

    You can try adding to Home > Design > Custom Css

    .header-menu-nav-folder[data-folder="root"]  {
      transform: translatex(-100%) !important;
    }
    
    .header-menu-nav-folder[data-folder="/options"] {
      transform: translatex(0) !important;
    }
    .header-menu-nav-folder[data-folder="/options"] > .header-menu-nav-folder-content > .header-menu-controls {
      display: none;
    }

    Support me by pressing 👍  or marking as solution if this useful for you

    Thanks a million, that worked perfectly! 

  2. Hi, 

    I'm looking to fix the dropdown menu on my mobile site.
    On the desktop version I have a nice dropdown menu, however in the Mobile version, when clicking on it it opens a new page with the name of the folder which then has to be clicked on again to show the actual menu options which is a bit confusing.
    I don't want to delete the folder because then I end up having all my menu options on the header in the desktop version. 
    Is there any CSS for this or way around this? I've added ss of what I mean.

    website is: https://www.pigeonhouse.ie

     

    Thanks in advance! 

     

     

    Screenshot 2022-12-12 at 14.19.10.png

    Screenshot 2022-12-12 at 14.19.19.png

  3. On 11/22/2022 at 3:37 PM, Beyondspace said:

    You can try adding to Home > Design > Custom Css

    .header-nav-item.header-nav-item--folder > a:hover:after {
      content: "\00d7";
    }
    
    .header-nav-item.header-nav-item--folder > a {
      width: 50px;
      text-align: center;
    }

    Support me by pressing 👍  or marking as solution if this useful for you

    Worked a charm.

    You are a legend, thank you 🙏 

  4. Hi, 

     

    I'm trying to get the Hamburger icon on the navigation bar to change to an X when hovering mouse over the menu and menu expands on desktop version (kind of like it does on the mobile version)  
    I've tried a few css codes I found online but nothing working so far.. Anyone an idea how to do this? 
    Website is https://pigeonhousedelgany.squarespace.com 
    password: Peanuts

    Thank you, 

    1525051948_Screenshot2022-11-22at11_37_03.thumb.png.e143142ee48511d38f4044e3540b30b4.png

    Annabelle 

×
×
  • 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.