Jump to content

ec25

Member
  • Posts

    58
  • Joined

  • Last visited

Everything posted by ec25

  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/
  14. Oh, sorry, sadly my plan doesn't support the code injector , but thank you!
  15. Hello, I added the CSS from Header Menu Mobile Outline, but nothing changed on the mobile view... Thank you.
  16. Hello, I have noticed that the dropdown menu under the header. nav "SURFACE DESIGN" isn't showing in mobile view, you have to click on it to bring you to the other pages, is there. a way to fix that with CSS? Also is there a way to show the subpages has subtext when you click the arrow, instead of having the "back" button, much like the picture attached? Thank you. Here's my website https://www.erinncapko.com/
  17. Hello, I have noticed a slight "jump" when hovering over my dropdown menu, is there a way to stabilize that with CSS? I used this code to create the dropdown menu. div.header-nav-folder-content { margin-top: -2.5rem;} .header-nav-folder-item:first-of-type a { opacity: 1;} Here is my website https://www.erinncapko.com/
  18. Hello, I did find a solution, thank you!
  19. Hello, I am trying to add a drop down menu function to a existing nav page named "surface design", but every time I look this up, I get no where, is it possible to click on both the nav page and the drop down page? Heres the link to my page https://www.erinncapko.com/ (I am trying to link the first surface design,with the drop down menu with collections, to the second surface page, so basically the second one won't exist on the nav header.) I am trying to get a function like this page https://cabinjournal.ca/ (where you can see that you can click on both the nav page header AND the drop down pages) Thank you in advance!
  20. Noticed that on the main page in my mobile view, the column is not centered. I used the following CSS code to make two columns into one. @media (max-width: 800px) { .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } .gallery-masonry .gallery-masonry-wrapper { columns: 1; column-gap: 0; padding: 10 10px; height: auto!important; display: block!important; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; padding: 10px!important; transform: none!important; width: 100%!important; display: block; } } Here is a picture and link to 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.