Mork_Walfe

Yes I did @tuanphan, that code did not work so I thought might as well try something different. Clearly that did not work either. The other bit of code did work to fix the logo though. Thank you for that.

@tuanphan Sadly that did not work, but it did put an interesting box around the logo in the footer. Is there anything else you can think of to make it work?

Hello all,

I currently have my site using site-wide animations on as seen in the styles menu.

I am trying to disable the animations in the footer only and I can't figure it out for the life of me.

If anyone knows how to do this I would be greatly appreciative.

URL: https://oriole-purple-tlln.squarespace.com/

PW: Batteryboys

@tuanphan,

Ideally all of the images would look like that when viewing in mobile. Currently, lots of the images that are  curved and end up looking like this. I am trying to make this a rectangle with slightly curved corners when on mobile.

Thank you for the reply.

Hi tuanphan,

I am trying to make all corners of the image and shape below the image have a radius of 20px when viewing on mobile. Currently on desktop the image is 400px x 400px x 10px x 10px. Is it possible to change the image corner radius based on the viewing device?

Thanks!

Hello all,

I have this page set up with very rounded corners which looks great on desktop, but looks weird on mobile. I am trying to make all of the corners of my images on certain pages have a uniform radius when on mobile. Does anyone know how I can accomplish this?

Thank you in advance.

URL: https://oriole-purple-tlln.squarespace.com/about-us

PW: Batteryboys

Thank you so much tuanphan!

I appreciate you!

Here you go: https://oriole-purple-tlln.squarespace.com/

Password: Batteryboys

So weird, I thought I already posted this.

Hi all,

I am currently working on my trial site and am customizing the header. I wanted it to float off the page in a pill shape. Which I was able to achieve, but I had to use the command overflow: hidden. Which made the folder dropdowns disappear when overflowing. If I make the overflow visible the corners are no longer rounded. Does anyone know how to fix this? 

My code:

// Header Style
.header{
  margin:10px;
  border-radius: 60px;
  overflow: hidden
  box-shadow: 6px 7px 15px #DCE1F4;
}

//header dropdown//
/* Folder dropdown style */
.header-nav-folder-content {

    background: #ffffff
      !important;
  
      padding: 0!important;
  .header-nav-folder-item a {
    padding: .5em 1em!important;
 
  }
  .header-nav-folder-item a:hover {
    background: #7996D1!important;
    color: #ffffff!important;
    overflow: visible;
  }
    border-radius: 3.5px;
     border: 1px solid #003366;
     box-shadow: 5px 3px 10px rgba(0,0,0,0.25);
    
}

.header-nav-folder-content a {
    color: #003366 !important;
      padding-bottom:.5rem!important;
  hover {
  
  }
}

Hi there Logan, your site looks great and I was trying to do a similar thing with mine. The one difference is that mine had drop-downs in the folders. The "overflow: hidden;" command seems to make the round ends possible, but also hides my drop-downs. Do you or anyone know how to get around this?