Jump to content

chef_mateo317

Member
  • Posts

    11
  • Joined

  • Last visited

Everything posted by chef_mateo317

  1. 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
  2. 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
  3. 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!
  4. That worked perfect! Thank you so much!
  5. sorry... i was updating the url... here is the correct one https://playtekitchen2.squarespace.com/virtual-classes password: foodiefun
  6. 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!
  7. 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
  8. 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!
  9. 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.
  10. 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?
×
×
  • 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.