Jump to content

muffy

Circle Member
  • Posts

    6
  • Joined

  • Last visited

Everything posted by muffy

  1. not exactly! i got it to replicate the mobile look, but i'd like to have it stacked to the left, one link on top of the other, without the hamburger.
  2. @tuanphan I am trying to do something similar to this...Basically I want my logo to stay where it is (centered), and the navigation links stacked on top of one another, slanted, and to the left. (picture on mobile shows the style). site is https://antoninaclarke.squarespace.com/ password is test.
  3. PERFECT! Thank you 🙂
  4. Site URL: https://www.muffyjdavis.com/2-weeks-2-destiny Hi friends! I have created a page for my site that needs a little formatting help. In my ideal world- each section would have a square around it on desktop. The square would be the same thickness on all sides. The squares would have more padding than they do now up top, and the squares would be the same size. Here's the link: https://www.muffyjdavis.com/2-weeks-2-destiny Here's the code: //box border// @media only screen and (min-width:641px){ #block-yui_3_17_2_1_1645809882958_2713, #block-yui_3_17_2_1_1645810473216_7919, #block-yui_3_17_2_1_1645810473216_12628 {border-left: 1px solid brown} #block-yui_3_17_2_1_1645809882958_2713, #block-yui_3_17_2_1_1645810473216_7919, #block-yui_3_17_2_1_1645810473216_12628 {border-right: 1px solid brown} } @media only screen and (min-width:641px){ #block-yui_3_17_2_1_1645809882958_2713, #block-yui_3_17_2_1_1645810473216_7919, #block-yui_3_17_2_1_1645810473216_12628{border-top: 1px solid brown} #block-yui_3_17_2_1_1645809882958_2713, #block-yui_3_17_2_1_1645810473216_7919, #block-yui_3_17_2_1_1645810473216_12628{border-bottom: 1px solid brown}
  5. Hi! I tried this on my site title, but for some reason it makes the bottom half disappear in mobile view. it appears to be because of the "transparent" part of the code, but without that the gradient goes away. Any thoughts? .header-title-text a { background: -webkit-linear-gradient(45deg, #5D1916, #933709, #D2691E); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .header-title-text a:hover { background: -webkit-linear-gradient(90deg, #FF5A36, #FF7D26, #FFB347); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
×
×
  • 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.