SeanCrafted
Member-
Posts
50 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by SeanCrafted
-
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; } } }
- 1 reply
-
- custom-css
- homepage
-
(and 1 more)
Tagged with:
-
perfect that's worked thank you Do you have code to reduce text size in hamburger please for both desktop & moible?
-
Is anyone able to help??
-
-
@tuanphan are you able to help please?
-
https://www.wildingsnorthumberland.co.uk/
-
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}
-
-
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/
-
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?
-
Magic thank you
-
Thanks so much, Can you advise the same for my other website with same issue (partners) https://www.ptmy-tynemouth.co.uk/
-
Hi there, Are you able to help? @Web_Solutions
-
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; } } }
-
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
-
Custom font for site header nav buttons
SeanCrafted replied to SeanCrafted's topic in Customize with code
This has worked just as required. Thanks so much -
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), }
-
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), }
-
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
-
Hi There, I am still having issues with the centering on desktop? The Restaurant needs to centred in the middle of image/page.
-
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; }
-
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
-
Yes that's correct
-
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; }