Jump to content

SeanCrafted

Member
  • Posts

    50
  • Joined

  • Last visited

Everything posted by SeanCrafted

  1. Hi, On desktop the text is too large on this and you have to scroll to get to other options - how can I make it smaller? https://www.wildingsnorthumberland.co.uk/ I have the following custom code in at the moment .header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible; width: 50%; margin-left: 50%; box-shadow: -5px 5px 15px #000} @media screen and (max-width:500px) { .header--menu-open .header-menu { width: 100% !important; margin: 0 !important; .header-menu * { font-size: 10px !important; } } }
  2. perfect that's worked thank you Do you have code to reduce text size in hamburger please for both desktop & moible?
  3. Want it to cover 100% or 75% of the screen on mobile and the text to be smaller
  4. Hi, I have added custom CSS to my website for the hamburger and as you can see for desktop I have the width at 50% which is fine but for mobile it is also 50% which I don't want- can someone give a custom code so that on mobile the hamburger display on the whole screen (100%). Also please can you give me a code to reduce the size of the text in both the desktop and mobile hamburger? Thanks https://www.wildingsnorthumberland.co.uk/ CODE BELOW: .header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible; width: 60%; margin-left: 50%; box-shadow: -5px 5px 15px #000}
  5. Hi there, I actually have the same issue where the name is not displaying correctly and I have renamed it and it's still there. As the PDF was forwarded to me would the issue be on the original document?
  6. Hi, I have the same issue with the image (see below)?
  7. Hi there, I am having the same issue with this website as the above thread? Can I please have a code? https://www.ptmy-newcastle.co.uk/
  8. Hi, Can anyone help? My contact form emails submitted through Squarespace keep grouping up and I miss one or 2. I believe it is because the emails that come into Gmail with the same subject which is why this is happening. I know there is a thread conversation tick box in Gmail to stop that but is there any other way of stopping this? some kind of code?
  9. Thanks so much, Can you advise the same for my other website with same issue (partners) https://www.ptmy-tynemouth.co.uk/
  10. Hi there, Are you able to help? @Web_Solutions
  11. Hi there, Just tried it and nothing happening. I have the below code in at the moment. /* Mobile-Homepage-Center text */ @media screen and (max-width:767px) { body.homepage article section:nth-child(n+2) .html-block * { text-align: center; } }body.homepage article section:nth-child(n+2) .html-block * { text-align: center; } [data-section-id="62729f40610f347cd944c25f"] { @media(max-width: 767px){ .sqs-col-12 > .sqs-rpw{ display: flex !important; } .sqs-col-12 > .sqs-rpw > .col{ flex: 0 0 50% !important; } } }
  12. Site URL: https://www.ptmy-morpeth.co.uk/ Hi there, Please see below image, it looks on on desktop but the images on mobile are massive. Please can someone give me a code to adjust the size of those 2 images (Partners). Thank you
  13. Site URL: https://www.crownposada.co.uk/ Hi, Please can someone advise a custom code to change the navigation buttons on the header of this site. This is the current code I have. //---Custom Fonts--- h1, h2 , h3, h4, { font-family: 'scriptoriumprimer'; } //---Font Upload--- @font-face { font-family: 'scriptoriumprimer'; src: url(https://static1.squarespace.com/static/628652b39b7182184e1cc544/t/628781b733ad5d059584a8bd/1653047735391/Scriptorium+-+Primer.ttf), }
  14. Site URL: https://www.crownposada.co.uk/ Hi, Please can someone advise a custom code to change the navigation buttons on the header of this site. This is the current code I have. //---Custom Fonts--- h1, h2 , h3, h4, { font-family: 'scriptoriumprimer'; } //---Font Upload--- @font-face { font-family: 'scriptoriumprimer'; src: url(https://static1.squarespace.com/static/628652b39b7182184e1cc544/t/628781b733ad5d059584a8bd/1653047735391/Scriptorium+-+Primer.ttf), }
  15. Site URL: https://www.fyeo-newcastle.co.uk/whatson Hi there, Please can someone help with repositioning the calendar (date) in the white box on the images on mobile on this events page. I want it on mobile to be on the bottom left? https://www.fyeo-newcastle.co.uk/whatson of the image. Thank you
  16. Hi There, I am still having issues with the centering on desktop? The Restaurant needs to centred in the middle of image/page.
  17. Thing is I currently have this html in already, do I replace it? /*1st section*/ section[data-section-id="61dda8e9afd08334af9f9a94"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } /*2nd section*/ section[data-section-id="61dda8876d090a490c87f020"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } /*3rd section*/ section[data-section-id="61dda984e4dcf868ea78e99b"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } /* Footer image */ div#block-yui_3_17_2_1_1643899665179_6702 { width: 50%; margin: 0 auto; }
  18. Yes, I removed the image that was at the bottom and replaced it with something else. (food rating image) So if you can do the code for it all that would be such a big help. Thank you
  19. Hi There, I already have this custom code. How do I add the rest you put for the centring? /*1st section*/ section[data-section-id="61dda8e9afd08334af9f9a94"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } /*2nd section*/ section[data-section-id="61dda8876d090a490c87f020"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } /*3rd section*/ section[data-section-id="61dda984e4dcf868ea78e99b"] { a { &:after { content: ''; display: block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; } } .content-wrapper { * { position: static; } top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; align-items: center; } } /* Footer image */ div#block-yui_3_17_2_1_1643899665179_6702 { width: 50%; margin: 0 auto; }
×
×
  • 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.