Is it possible to edit Mobile view without changing desktop view?

Hi. Mobile view on my website looks horrible cause the gallery photos are very wide on home page. Is there a way to change the mobile view without altering the desktop view?

@Amko  There is!

1. How would you like the gallery to look on mobile? 
2. Can you share your url and password or post an image for us to see what it currently looks like?

On 8/30/2023 at 9:17 PM, WCS said:

@Amko  There is!

1. How would you like the gallery to look on mobile? 
2. Can you share your url and password or post an image for us to see what it currently looks like?

https://amkoaerospace.com/

ill most likely need different photos on mobile since on mobile you cant have super wide framed shots but on desktop they look better being screen width and short

@Amko Are you talking about the first or second gallery? 

The first gallery we can modify the height to make it more wide on mobile or do you just want a new gallery with different images?

The second gallery doesn't look like it's formatting correctly on desktop or mobile:

1 hour ago, WCS said:

@Amko Are you talking about the first or second gallery? 

The first gallery we can modify the height to make it more wide on mobile or do you just want a new gallery with different images?

The second gallery doesn't look like it's formatting correctly on desktop or mobile:

 

 

 

the second one on my screens looks normal (laptop and desktop). Its not cut off like that. But i had to save that image multiple ways so it wasn't cut off, i guess it still is. Not sure the solution to this. 

2 hours ago, WCS said:

@Amko Are you talking about the first or second gallery? 

The first gallery we can modify the height to make it more wide on mobile or do you just want a new gallery with different images?

The second gallery doesn't look like it's formatting correctly on desktop or mobile:

 

 

 

@Amko

For the 1st Gallery, we can use code to hide it on Desktop and replace it with a secondary gallery on mobile. What template family is your website design on?

3 hours ago, WCS said:

@Amko

For the 1st Gallery, we can use code to hide it on Desktop and replace it with a secondary gallery on mobile. What template family is your website design on?

template is "impact" not sure which family it is. I believe is a 7.0 template

@Amko  Thanks! The below should work. If it doesn't, let me know. 😊

Step 1: Add the gallery you want to appear in mobile

Step 2: Below your Not Linked pages, click Website Tools > Custom CSS

Step 3: Paste in the below code and change the gallery names (highlighted in blue) to match what you have them named on your site. 

//Hide Gallery Set One on Mobile
@media screen and (max-width:769px) {#gallery-set-one{
  display:none
  }}

//Hide Gallery Set Two on Desktop
@media screen and (min-width:768px) {#gallery-set-two{
  display:none
  }}

Step 4: Sometimes you have to exit out of Custom CSS and refresh the page in order to see the changes made.