jorohaco
-
Posts
27 -
Joined
-
Last visited
jorohaco's Achievements
-
Replace burger menu with a single menu item
jorohaco replied to jorohaco's topic in Customize with code
@Web_Solutions thanks so much that's precisely what I needed! If you don't mind, could you explain what from this code is exposing that menu item? I'm assuming it's more so the snippet below, but I'm curious how adjusting the display to flex is exposing the menu item. .header-display-desktop, .header-actions, .header-actions-action -
jorohaco reacted to a post in a topic:
Replace burger menu with a single menu item
-
Hi all I built a landing page that has a single persistent CTA in the desktop header that is an anchor link to the bottom-most section of the page. Site: https://buttercup-sparrow-a7h3.squarespace.com I need to replace the mobile burger menu with the exact same anchor link/button that is on the desktop breakpoint, or put another way—take that CTA button that also lives in the mobile menu and have it replace the mobile burger icon. I've already hidden the burger menu with the CSS below, but that's as far as I've gotten. Any help on this would be appreciated. // No burger @media screen and (max-width:1024px) { .header-nav { display: flex !important; justify-content: flex-end !important; } .header-burger { display: none !important; } .header-title { max-width: 48% !important; } a#site-title { white-space: nowrap; } }
-
tuanphan reacted to a post in a topic:
Add subhead/one line of body text to the thumbnails of the portfolio page
-
Different use case—not a portfolio page, just a Services section that needs an additional text block below the Title as a <p2>. It's a single landing page so it should be there below the "20x faster" section.
-
jorohaco changed their profile photo
-
Hi @tuanphan or anyone available to help. I'd like to do something similar here and insert a subhead text block into this Services section. I attached screens to illustrate vanilla-megalodon-ejlw.squarespace.com password: sqs331
-
Thank you, and all that makes sense and is helpful. We're set here.
-
jorohaco reacted to a post in a topic:
Replace cart with another SVG (7.1)
-
Neither of those seemed to work 😕. Still getting the same behavior (visible in Custom CSS view, not anywhere else including in an incognito window). // CUSTOM ICONOGRAPHY // cart .header .header-actions-action--cart svg { stroke: transparent !important; } .header-actions-action--cart .icon-cart-quantity { display: none !important; } /* .header .header-actions-action--cart { background-image: url('/s/shopping-cart.svg') !important; background-size: contain !important; height: 32px !important; }*/ .icon--cart { svg { display: block !important; } background-image: url('https://broccoli-parakeet-js8k.squarespace.com/s/shopping-cart.svg') !important; background-size: 32px 32px !important; background-repeat: no-repeat !important; }
-
That didn't work. Is there a way to instead use the raw SVG code rather than rely on an SVG file to load, perhaps?
-
Hmm.. the icon seems to not be reliably showing up after implementing the code below. It seems to only be visible when I'm in the Custom CSS view. Thoughts anyone? Custom CSS view Standard view // cart .header .header-actions-action--cart svg { stroke: transparent !important; } .header-actions-action--cart .icon-cart-quantity { display: none; } .header .header-actions-action--cart { background-image: url('/s/shopping-cart.svg'); background-size: contain; }
-
Perfect. That works, thank you!
-
jorohaco reacted to a post in a topic:
Replace cart with another SVG (7.1)
-
Tried searching the forum but seems no one's asked on how to use an SVG as a replacement for the cart icon. I don't want to use a PNG, because I wouldn't be able to control the color at that point. I started using the following code to replace the default cart icon but the SQS interface wouldn't let me upload an SVG (odd, right?), so I couldn't define a background-image url. Since I can't upload an SVG file (unless I'm missing something), how can I leverage the raw SVG code to replace the default cart icon? https://broccoli-parakeet-js8k.squarespace.com/ Site Password: duckdogelk // cart icon .header .header-actions-action--cart svg { stroke:transparent!important } .header-actions-action--cart .icon-cart-quantity { display:none } .header .header-actions-action--cart { background-image: url(image-url-here); background-size: contain }
-
jorohaco reacted to a post in a topic:
Is there a way I can redirect my click on my portfolio project cover to a different website?
-
Just checked and looks like this has finally been resolved, or at least one part of the problem.
-
jorohaco reacted to a post in a topic:
Another Q for targeting a block & changing font, on a specific page
-
Ah—div id then class then html tag. That worked of course, and as always thank you one thousand @tuanphan
-
Site URL: https://heptagon-bugle-5sad.squarespace.com/ Here's yet another basic CSS question over how to target and change the font of one div block on a particular page. Sorry for redundancy. Site is on 7.1 and at https://heptagon-bugle-5sad.squarespace.com/ and password is 4c5sad Under section[data-section-id="62d1ca1f7242da41460f5e9f"] of the homepage, I need to change the title "Subheadline to Who We Are" there to a header style, or rather to just this: font-family: 'barlow_semi_condensedblack', sans-serif !important; letter-spacing: -1px !important; Help.
-
creedon reacted to a post in a topic:
How to create a highlighted text effect?
-
How to create a highlighted text effect?
jorohaco replied to Charmainerod's topic in Customize with code
The simplicity of this solution makes me kick myself that I hadn't thought of it. This worked perfectly. Thank you @creedon
