Hi, I need to control the alignment of my social media link and header elements horizontally, but i am not being able to do it through the squarespace design tool.

hi Sorca, i figured it out. thank you so much.

But i have another issue, i don't know if you can help me with it.

On my home page, i have a slideshow full bleed gallery. It's is looking great on the desktop, but cutting the entire image on the mobile.

is there a way to make it look differently on the mobile (mainly change the entire gallery type)

below the link to the website:

https://wedge-ferret-ejnz.squarespace.com/work

pass:1234

Hi @podstudio,

Add the below code in the Page header code injection

You can play with the value 60% to increase or decrease the height of images on mobile

@media(max-width: 767px) {
    
    .grid-item .grid-image {
        padding-bottom : 60%!important;
    }

}

this is not the page i am talking about. it is the main page below.

so it is the page when you click on the logo, it's a slideshow, but on the phone, all the images are cut.

You can add the below code in the Page header code injection

@media(max-width: 767px) {
    
    .gallery-fullscreen-slideshow {
        height : 30vh!important;
    }

}

can i change the type? so grid instead of slideshow?

Yes but after I will need to provide a code for that category

or at least get the text below to follow the image 

@media(max-width: 767px) {

    #siteWrapper {
        min-height : auto!important;
    }
    
    .gallery-fullscreen-slideshow {
        height : 30vh!important;
    }

}

Great!!! thank you, 

can i apply the code to adjust the size of the slide show on all my projects slideshows?

If they are the same time, yes

Thank you Sorca for the help, but I still have one more question. 

Same as my main page, I am not satisfied with how the projects are showing on the mobile.

is there a way to replace the project gallery type, which is slideshow: simple on the desktop version, with slideshow full-full bleed  on the mobile only?