chef_mateo317

4 hours ago, tuanphan said:

The Animation Feature conflict something. Add this to Design > Custom CSS

.header-title-nav-wrapper * {
    opacity: 1 !important;
}

 

This worked great! Thank you!

Site URL: https://playtekitchen2.squarespace.com

Hi all, 

I am having a bit of a problem with my logo not loading on my site. I have some custom CSS to make the logo shrink in size on scroll and overlap the navigation bar. I am not sure why, but the logo does not appear on any page of the site until you pull the page down a bit. On mobile version, everything seems fine. Any advice on what might be the issue?

site: playtekitchen2.squarespace.com

password: foodiefun

Thanks in advance, 

Matt

On 2/26/2022 at 6:47 PM, tuanphan said:

Add to Design > Custom CSS

/* align center meet the team */
@media screen and (min-width:992px) {
.user-items-list-item-container[data-section-id="62132e9a72e2bb66b18e0db3"] li.list-item.list-item-basic-animation:nth-child(n+4) {
    position: relative;
    left: 50%;
}
}

This worked perfect! Thank you so much! Another question unrelated to this particular forum topic. The hover effect on the reference site: https://www.bronzeville-foundation.com/team with the slight shadowing and popout on hover. What would be the CSS to achieve this. I have tried to inspect the site, but I am having trouble finding the hover effect / stylizing code. Thanks!

page: https://playtekitchen2.squarespace.com/team-playte

password: foodiefun

On 2/13/2022 at 6:58 PM, tuanphan said:

It looks like you solved?

I have the same question:

page: https://playtekitchen2.squarespace.com/team-playte

password: foodiefun

I would like to center the bottom two items like pictured above. See below for what I am trying to fix. Thanks for any advice!

6 hours ago, tuanphan said:

Don't remove any code in your current code. Add this to Design > Custom CSS

.design-layout-poster .image-card-wrapper {
    border-radius: 50% !important;
}

 

That worked perfect! Thank you so much!

On 2/8/2022 at 5:43 AM, tuanphan said:

The url doesn't exist. Can you check it again?

sorry... i was updating the url... here is the correct one

https://playtekitchen2.squarespace.com/virtual-classes

password: foodiefun

On 1/28/2020 at 2:44 AM, tuanphan said:

I think you can use CSS to do this

You can create image + caption first, then share url again, we can take a look.

I have a similar question on my site: https://playtekitchen2.squarespace.com/new-page-2

password: foodiefun

I was able to add a hover to text effect at the bottom of the page using this code:

.design-layout-poster .image-card-wrapper {
  visibility: hidden;
  opacity: 0;
  transition-duration: 1s;
}
.design-layout-poster:hover .image-card-wrapper {
  visibility: visible;
  opacity: 1;
  background-color: rgba(240,240,240,.6)
}

My only issue is that when you hover over the images, the shape of the semi-transparent background is a square, but the images are circle. Is there anyway to change this? The dimensions of the images are all 717px x 717px.

BTW @tuanphan, Your posts have been SOOOOO helpful in figuring out how to code my first website! Thanks so much!

On 1/10/2021 at 5:45 PM, bangank36 said:

What is the site url, the problem is site specific

I am also having the same problem. I like the way the desktop is formatted but when it switches to mobile the hamburger and the navigation menu are slightly off the screen. Any idea why?

SITE URL: playtekitchen.com

Site URL: http://www.playtekitchen.com

I made an events registration page, but on the "all events" page, there is no "add to cart" button next to my events. The user needs to click on the event to get to the "add to cart" function. Is there a way to get the "add to cart" to show up on the all events page for each event listed? Thanks for the help!

On 10/3/2021 at 7:42 AM, tuanphan said:

For mobile only, or desktop + mobile?

Yes was for the desktop+mobile... I think I found the answer (from you of course)... but now I am having issues seeing the navigation items in the header unless on a very large/wide screen. I would like the header to include the navigation items... I am looking to do something like this:

But my header is currently looking like this:

I only wanted the hanburger menu to show up on the desktop version when the screen was minimized so small that the navigation items were hard to read or changed to weird formatting. 

Site URL: http://www.playtekitchen.com

This is all great information! 

Is there a way to adjust the look of the Mobile Menu so that it does not cover the entire screen once clicked?