Jump to content


  • Posts

  • Joined

  • Last visited

Kath_HampersFor's Achievements

  1. I found the competing css code, but i now want to remove the arrow that is remaining, currently it looks like this:
  2. The code Will recommends is: .wm-secondary-mobile-nav{ display:none !important; } However, it has no impact on my site...do I have competing css? Are you able to see?
  3. Thanks for responding https://iris-owl-rwdf.squarespace.com/
  4. Hi, no css coding seems to work - I would like to remove the nav links and pink background on mobile view only, but keep the hamburger.
  5. Site URL: https://iris-owl-rwdf.squarespace.com/config/ I have looked everywhere and I cannot find a solution to creating a multi row header. Squarespace 7.0 had templates with this feature but 7.1 does not. I know about the announcement bar and this is not what I am looking for. The website is published but i am looking to reformat as i am not entirely happy with how it looks. Many thanks
  6. I am getting a syntax error in this line @media screen and (min-width:1200x) and (max-width:1300px) {
  7. Notice, that as the page size reduces, the navigation links begin overlapping the logo (i think my code above somehow stopped the stacking into 2 lines) ...see image below
  8. HI, i hope i can still get some feedback here. I have tried to prevent nav link stacking in the header with this code: .header-nav { width: 90% !important; flex: 1 1 90% !important; } #logoWrapper {display: block !important; padding-top: 40px; margin: auto !important;} header{ position: fixed; height: 190px; padding: 0px; text-align: center; #header #headerNav { display: inline-block; margin-top: 45px; text-align: center; margin-right:; } #headerNav nav a { padding-left: 15px; padding-right: 15px;} } BUT what happens is it reduces the size of the logo and sends everything to the right. Is there a simple code fix? url: https://hampersfor.com.au (live site) Thanks, Kathy
  9. Ok, while waiting for one of the techies to respond I tweaked a code that i had and it worked: @media screen and (max-width:640px) { .sqs-announcement-bar-dropzone p { font-size: 12px; } } It may work for you, I am using 7.1.
  10. Site URL: https://www.hampersfor.com.au It doesn't seem to matter what combination of codes i use or if I reduce the text size in the announcement bar through the mobile site styles - it reduces the global text size too. Is there a simple CSS code that can fix this issue - otherwise it looks odd in mobile view. LASTLY: is there a simple code to increase the logo size in mobile view, again, everything i try doesn't seem to work. (website is live)
  11. It's ok, i fixed it myself (fingers crossed) using a different text based icon.
  12. Site URL: https://iris-owl-rwdf.squarespace.com/config/ Hi, i have just noticed that the arrows on my listed products are almost invisible. I have tried a dozen different CSS codes on here to try to fix, but nothing works. My question is this: - can the arrows be made larger, thicker and instead of looking like this "<>" more like this ←→ - i'd also like to change the background colour of the arrow to make it stand out more. Feedback from consumer research is indicating that both on tablets and mobiles the current arrows are impossible to see. https://iris-owl-rwdf.squarespace.com/config/ pw: view The site is live so maybe the pw is no longer needed? Many thanks, Kathy
  • 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.