Jump to content

ec25

Member
  • Posts

    58
  • Joined

  • Last visited

Recent Profile Visitors

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

ec25's Achievements

  1. Hey, Thanks for replying, I have tried this and sadly when I do this, then the CSS doesn't work in Chrome, even when I "duplicate " the CSS (should of mentioned this). just can't have the best of both worlds with this CSS haha.
  2. Hello, Was wondering if there was a way to fix this glitch on Safari with CSS; when you hover over the surface design tab it moves slightly , I fixed this on Chrome with this CSS, header-nav .header-nav-item--folder .header-nav-folder-content { top: 35.5px !important; } but it only works on Chrome.... The glitch is slight and might not be noticeable for most people, but it bothers me and I can't seem to find a working CSS. Thanks! Here's my website https://www.erinncapko.com/
  3. Thank you so much! Was looking for this solution forever
  4. Hello, Wondering how to change the color in folder link that attached to the header, found a CSS, but when you click on another page it's still that color, I want that color only attached to that page, so when you're only active on that said page.... Please and Thanks! Here's my website https://www.erinncapko.com/ Also, a example website of what I'm talking about https://www.millie-amber.co.uk/portfolio
  5. Hello, Noticed that the pages surrounding the dropdown menu in mobile aren't clickable anymore, can this be fixed with CSS?? Thanks Here's my website https://www.erinncapko.com/
  6. I guess maybe the space between the lines? I am just trying make the overall burger icon smaller...can't find a CSS, but have seen it done. Here's an example You can see how much smaller it is compared to mine, but it keeps the same width. Thanks
  7. This gets rid of these codes div.header-nav-folder-content { margin-top: -2.5rem;} .header-nav-folder-item:first-of-type a { opacity: 1;} which I'm trying to keep. I just want to get rid of slight jump that comes with the hover on the dropdown in Safari. This CSS only works on Chrome view header-nav .header-nav-item--folder .header-nav-folder-content { top: 35.5px !important; } Thanks
  8. Hello, Sorry i meant the burger icon size, This code only decreases the width, is there not a CSS that keeps the same width but just "minimizes"/"shrinks" the same, so the burger icon is basically the same width and length but just shrink?
  9. Hello, No, Only this. CSS doesn't work in Safari on desktop header-nav .header-nav-item--folder .header-nav-folder-content { top: 35.5px !important; } The code you posted above is the code I used to create the dropdown menu, I wasn't sure if it was useful to help fix this problem. Thanks.
  10. As in, is there a way to make the folder header covered by a link and then have a page underneath, much like the web version of my website with CSS?
  11. I noticed that this CSS works perfectly in Chrome, but when I open Safari, it doesn't work at all, is there a way around this? .header-nav .header-nav-item--folder .header-nav-folder-content { top: 35.5px !important; } The CSS is to remove the slight jump when you hover over the dropdown menu. Here is the CSS. I used to create the dropdown div.header-nav-folder-content { margin-top: -2.5rem;} .header-nav-folder-item:first-of-type a { opacity: 1;} Here's my website https://www.erinncapko.com/ Thanks.
  12. Hello, I am trying to find a CSS to make the burger menu in mobile smaller, much like the edit picture below. Thank you. Here's my website https://www.erinncapko.com/
  13. Is there. a way to use make this code mobile friendly with CSS? As in, make the folder title a link to another page and then have another page under it for a dropdown menu. div.header-nav-folder-content { margin-top: -1.5rem;} .header-nav-folder-item:first-of-type a { opacity: 0;} Here is my website https://www.erinncapko.com/
×
×
  • 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.