Sophie_Wuthrich
Circle Member-
Posts
11 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Sophie_Wuthrich
-
Hi Tuanphan, sorry I should've updated the post. I've removed that block because I changed the design. However I have the same question for the hero section on the home page. The code is below: /* Inset Border Hero Shape */ #block-yui_3_17_2_1_1669353110896_60475 { background:#eee; border: 1px solid #DDD6CD; outline: 13px solid #fff }
-
Hello, hoping someone can guide me in how to fix an awkward margin / space issue I'm having in mobile. I've added CSS code to a shape to create an inset border (code below): /* Inset Border About Shape */ #block-yui_3_17_2_1_1669446992604_1448308 { background:#eee; border: 1px solid #DDD6CD; outline: 13px solid #A69D88 } I like how it looks on desktop, but in mobile view the text is way too close to the inset border. I've tried adjusting the margins, paddings and font size on mobile but can't quite get it right. I'd like the text to be responsive to the shape border in mobile view, or at least have a better gap so it doesn't look smushed. Site: https://florence-design.squarespace.com/ Password: Florence Thank you in advance! Desktop view Mobile view
-
Hi tuanphan! I wasn't able to resolve the issue unfortunately, but would be keen to know your answer. I had a look on previous threads before posting but must've missed the other post. Thank you in advanced! π
-
Thank you, the details are below: Website: https://florence-design.squarespace.com/ Password: Florence
-
Hoping someone is able to guide me with my issue. I used the following CSS code to create a split navigation so that my logo is centred and my navigation links are on either side. Since implementing this code though my logo no longer links to the homepage. I'd greatly appreciate some guidance if possible! βΊοΈ Thanks in advance! /* Split Navigation */ .header-display-desktop .header-title { height: 7vw !important; display: flex; align-items: center !important; justify-content: center; } .header-display-desktop .header-nav { position: absolute; top: 0; margin-top: 0 !important; height: 7vw !important; display: flex; align-items: center !important; justify-content: center; } .header-display-desktop .header-nav-item:nth-of-type(2) { margin-right: 40vw !important; }