Dee12
Member-
Content Count
51 -
Joined
-
Last visited
Everything posted by Dee12
-
Fade main site content when mobile nav menu is open
Dee12 replied to Dee12's topic in Site Design and Styles
Can anyone help with this?- 1 reply
-
- navigation
- navigation-link
-
(and 1 more)
Tagged with:
-
Site URL: https://www.uniquelydolledwigs.com Hello, I would like to fade the main site content when my mobile navigation is open. Is there a code that could create an overlay color when the mobile navigation menu is active? I've attached an example. Any help would be appreciated!!
- 1 reply
-
- navigation
- navigation-link
-
(and 1 more)
Tagged with:
-
@Olclarke yes, its: @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px ) { /* pull the menu off the left edge of the screen */ .header-menu { /* -1024px off the left edge of screen plus a little extra because it might not be quite enough on a 1024px screen */ left: calc( -1024px - 5vw ); } } /* when the menu is open sweep in from the left */ .header--menu-open .header-menu { left: 0; /* transition time in seconds cha
-
Thank you, it worked! @tuanphan Is there a way to make an overlay color to fade the main site content like the picture below?
-
Site URL: https://www.uniquelydolledwigs.com/ Hello, I recently found a code that makes my mobile nav menu slide to the left of the screen and to only expand 80% of the screen. Is there a code that will make the background screen fade when the nav is open? Also, is there a way to remove my logo at the top when I open the nav menu? I’ve attached an example of how I would like it. Any help would be appreciated!
-
Really? The owner commented on the forum asking a question about the website
- 14 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
Yes, its: https://jalley.art/collections/jeremiah-jalley-abstract-art-photography-collection/products/16nyct067-jeremiah-jalley-art-work-abstract-turned-blue-photograph
- 14 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
Lol thank you for trying! A Squarespace user has it (the first picture I posted for reference), so I thought it would be easy to find a plugin.
- 14 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
Do you know a plugin I can use or have an idea on how to do it?
- 14 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
Yes, I want it to appear at the bottom or top of the product page just like the picture or similiar, if possible.
- 14 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
My site is www.uniquelydolledwigs.com @rwp
- 14 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
Sorry, my site is www.uniquelydolledwigs.com
- 2 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
Hello! I would like to add a "previous and next product" preview to my product page. Is there a plugin available for this for squarespace 7.1? I've seen other website builders have this feature available. I've attached an example below. Any suggestions/help/recommendations would be appreciated!
- 2 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
Hello! I want to add a sticky buy button that appears at the bottom of a product page when you scroll down. Shopify has an app for this but I haven't been able to find a solution for squarespace. I was wondering if there was a plugin available or if this could be done with some custom css? I've attached two examples. Any help/assistance would be appreciated!
- 14 replies
-
- custom-css
- product-page
-
(and 2 more)
Tagged with:
-
Thankyou, it worked!!
-
@tuanphan I’ve attached the image. It looks fine on mobile but on desktop there’s still space on the sides of the image (it’s not full width).
-
Hey! It’s the first picture on my home page. website: www.uniquelydolledwigs.com
-
@bangank36
-
No, I haven't been able to solve this yet. There's still white space on both sides of the picture when you view my site on a computer. Do you have any suggestions?
-
Hello! @bangank36Thankyou for responding and yes, I would like to replace the current default menu with the menu in the picture I provided. My site is: www.uniquelydolledwigs.com
-
Hello! I'm having trouble trying to make an image on my homepage full width. It's not a image block, it's in a section by itself. I managed to make the image full width on mobile and iPads, but for some reason the code I'm using isn't making the image full width on the desktop/laptop view. Can someone help me please ? I'm currently using the "full width image card" plugin from ghost plugins: // Full Width Image Card // [data-section-id="5edbff601cb53938995dcae9"] { overflow-x: hidden !important; overflow-y:hidden !important; } [data-section-id="5edbff601cb53938995dcae9"] { .content-
-
Hello! I was wondering if it was possible to have a mobile sidebar menu? I prefer this style over the default mobile menu on 7.1. I’ve tried researching a plugin for this but I haven’t had any luck so far. I know Shopify offers this option on their app but Squarespace doesn’t. I’ve attached examples of what I would like! Please help, any assistance or recommendations would be appreciated.
-
I figured it out finally! The code I used: #block-yui_3_17_2_1_1589941659268_22096.sqs-block.image-block { padding: 0px ! important; margin-top: -6.7% !important; margin-left: -3% !important; margin-right: -3% !important; }
-
I changed it back to an image block because the full gallery slideshow was too much of a hassle to adjust to all screens. Could you help me make the image block full width please? It's the first picture on my homepage.
-
Hey! I changed it to a full gallery slideshow. It's the first picture on my home page. It's not responsive on all devices. It looks small like I want on a mobile device, but on an iPad and web screen its still to big. I used this code to adjust its size on mobile devices (portrait view): @media screen and (max-width: 757px) { .gallery-fullscreen-slideshow[data-width="full-bleed"] { height: 27vh !important; } } I would like to change it to an image block and make it full width, but I want it to be responsive on all devices regardless of its screen size or the way you turn