Dee12
-
Content Count
53 -
Joined
-
Last visited
Posts posted by Dee12
-
-
Site URL: http://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 or change the opacity when the mobile navigation menu is active? Any help would be appreciated!!
-
Can anyone help with this?
-
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!!
-
@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
changing the number? be sure to change all three values!
*/
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.header-menu.header-menu--folder-list {width: 85%;
}.header-menu-nav-folder {
overflow-y: hidden;
}.header-menu-nav-folder:not( .header-menu-nav-folder--active ) {
-webkit-transform: translatex( 75% );
-ms-transform: translatex( 75% );
transform: translatex( 75% );
visibility: hidden;
}@media screen and (max-width: 767px ) {
.header-menu.header-menu--folder-list {
width: 78%;
}
.header-menu-nav-folder:not( .header-menu-nav-folder--active ) {
-webkit-transform: translatex( 65% );
-ms-transform: translatex( 65% );
transform: translatex( 65% );
visibility: hidden;
}
} -
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
-
-
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.
-
Do you know a plugin I can use or have an idea on how to do it?
-
Yes, I want it to appear at the bottom or top of the product page just like the picture or similiar, if possible.
-
-
Sorry, my site is www.uniquelydolledwigs.com
-
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!
-
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!
-
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
-
On 6/18/2020 at 9:00 PM, Dee12 said:
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
-
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-wrapper { padding: 0px !important; margin: 0px auto; display: contents; } .sqs-layout .sqs-row .sqs-block { padding-bottom: 0px !important; padding-top: 0px !important; } .image-card-wrapper .sqs-dynamic-text-container { padding: 40px !important; } } .sqs-block.custom-items-search:hover { color:#dea2c5 !important; border: 1px solid #dea2c5 !important; }site: www.uniquelydolledwigs.com
first picture on my homepage
-
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;
}
Mobile menu opacity
in Coding and Customization
Posted
Thank you so much, this worked! Is it possible to make the opacity darker?