Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

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

  1. I just re-added your last code and everything seems to be working fine now. As long as the hamburger menu is closed, then the site's title is centered.
  2. Things just got even more interesting Erika 😂 Your code above works just fine at first (when the hamburger menu is closed), but once I reload the page or click to get directed to another page I get this: So, essentially, the hamburger menu disappears altogether on desktop.
  3. Thanks for your message Erika! In the first pic attached you'll see how the header looks before inserting the code, and in the second one how it looks after. Though your code does successfully center my header text/logo, it also moves my hamburger menu icon to the far left, which is certainly not ideal. On top of that, the header text/logo position remains unchanged once I open the hamburger menu (third pic attached).
  4. Site URL: https://dirtyrubbers.com/ Hey everyone, I recently added some custom CSS to my site to change the normal navigation menu on desktop to a hamburger one (along with some other modifications), and since then my site's logo on desktop has been off-center. This is all the code I have added that's related to my navigation menu & header: /*Decrease nav menu items margin on desktop*/ @media screen and (min-width:768px){ .header-menu-nav-item a {margin-top: 2vw; margin-bottom: 2vw;}} /*Change nav menu to hamburger*/ @media screen and (max-width: 5000px) { .header .header-burger {display: flex; order: 0 !important;} .header--menu-open .header-menu {opacity: 1; visibility:visible;} .header-actions--left {visibility:hidden;} .header .header-title-nav-wrapper .header-nav {display: none;}} /*Nav Menu Font Size*/ .header-menu-nav-item a {font-size: 25px !important;} Any help will be appreciated!
  5. Thanks for the reply, but I don't think that's necessary for now.
  6. Nvm guys I just figured it out! .product-scarcity {font-size: 15px !important;}
  7. Site URL: https://dirtyrubbers.com/all-condoms/p/mysize-47 Hey everyone, Does anyone know how I would go about increasing the font size of the Limited Availability text on product pages? I was talking with the Squarespace team earlier via chat and apparently they don't have a built-in option that allows us to do that. So I guess CSS needs to be used. Any help will be appreciated.
  8. I've gotten mine to work by changing the header layout to this one below and using the code I had pasted above. Maybe this will help anyone whose logo is off-center.
  9. Not sure if anyone still checks this, but I tried the following code on my site and it has caused the cart link to disappear, as well as adding extra spacing between the nav links when I open the menu. Also, the burger icon looks a bit odd. Here is my code so far: /* 768 for tablet - desktop - 992 for desktop */ @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } } And here is the missing cart icon & extra space between nav links.
  10. In my case I am trying to upload a .svg to get a better quality heading, which is why I posted my question. I'm aware of how to use them throughout my site, but haven't found a way to do so in my email header as well yet.
  11. So just pasting that in the actual header of the global email styles and replacing the link should make the logo appear? Because mine is still just a bunch of text. It did detect the dimensions of the image and auto-included them in the link, but there's still no picture. (I also tried sending a test email and nothing has changed.)
  12. The above screenshots are on the latest version of Firefox on an iPhone XR. The same white borders appear on Safari 13.1 on an iPhone XR as well, but only on landscape.
  13. Site URL: https://dirtyrubbers.com/ Hey everyone, I recently noticed my website has these white borders around it on mobile (see pics attached) and I would like to remove them. First pic is portrait with extra whitespace at the very bottom of my home page. Second one is landscape again at the very bottom of my home page, with extra whitespace on the bottom, left and right. I have circled the whitespace areas in question using red for your convenience. Regards, Sotiris
  14. It worked on smaller screen sizes but there is still a significant amount of whitespace on desktop. I think I'll just leave it as is for now, unless you have any other ideas. Thanks
  15. Though making the background black in those white areas may be a solution, ideally the whitespace in those areas will be completely removed. Otherwise, it will look as if the footer and the "margins" of the website are bigger than they actually are.
  • Create New...