Erlend-fs

Hello again!
Yes, I got help from Squarespace support to remove this. Thank you anyway tuanphan!

Works great!
I chose to use "min-width: 767px", since I am happy with how the page displays on mobile.
 
@media only screen and (min-width: 767px) {
      section[data-section-id="6052fff2787304435eeb60b2"] .content > .sqs-layout .row:nth-child(2) {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: stretch; 
        align-content: center;
      }
      section[data-section-id="6052fff2787304435eeb60b2"] #page-section-6052fff2787304435eeb60b2 .row:nth-child(2) .sqs-col-6 {
        position: relative;flex-grow: 1;
      flex-shrink: 1;
      flex-basis: auto;width: 50%;
      }
      section[data-section-id="6052fff2787304435eeb60b2"] #page-section-6052fff2787304435eeb60b2 .row:nth-child(2) .sqs-col-6 .sqs-block-form {
        position: absolute;
        width: ~"calc(100% - 34px)";
        bottom: -50px;
      }
}
 
 
Thanks a lot bangank36

Thanks a lot bangank!

Thanks a lot bangank!

Hello bangank, and thank you for your reply.
While waiting, I made a copy of the site, where I uploaded images in another aspect ratio (that will fit better on mobile - but not on desktop)
 
So my question still exists, but you can use this link instead:
https://spinach-keyboard-w7ws.squarespace.com/parallell-forum
 
 

Site URL: https://spinach-keyboard-w7ws.squarespace.com/parallell-forum
Hello!
 
Is it possible to use the CSS "object fit" command (or similar) in Squarespace?
I would like to have the images on this page in landscape mode (wide) on desktop, but cropped into portrait or square ratio on mobile.
There reason I want this, is that the images works best in landscape mode (wide) on desktop, but they gets too small on mobile.
- The first attached image is how it looks on desktop. And I'm happy with this.
- The second attached image is how it looks on mobile. I'm not happy with this.
- The third attached image is how I would like it to be on mobile (cropped)
 
I will be very happy if this is possible!

URL: https://spinach-keyboard-w7ws.squarespace.com/
PW: hoyden2021
I found a solution! The theme-color of the first section of the page, affects the navigation links in the header. 
Thanks anyway!

Add to Design > Custom CSS
@media screen and (max-width:767px) { div#block-yui_3_17_2_1_1611311458556_32109 { width: 50% !important; margin: 0 auto; } }