Resize image from Deskstop to Mobile

GaelleCastelain
Tourist
6 0 2

Hi,

I have the Blockshop Theme and when I look the result of my website from the deskstop to the mobile version, it looks very different. The images from the header look very small on the mobile version. How can we resize the image to be as similar as the deskstop version ?

Here is my URL of my webpage: https://blue-stones-store.myshopify.com/admin/themes/83303563311/editor?section=1519177052247

Thank you for your help,

Gaelle

 

dmwwebartisan
Shopify Partner
5380 1240 1587

@GaelleCastelain 

Your above URL redirect to the login page.

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
GaelleCastelain
Tourist
6 0 2

https://blue-stones-store.myshopify.com

Password: Bluestones18

Please let me know how it goes

Thank you so much

dmwwebartisan
Shopify Partner
5380 1240 1587

@GaelleCastelain 

Could you please give me a screenshot of which images are smaller?

As per the mobile view, it looks correct. 

Let me know.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
GaelleCastelain
Tourist
6 0 2

I show the difference of result between them both:

-Deskstop: 1EFBCEAA-DC05-4344-B8B9-C3BE8669D996.jpeg

 

-Mobile:4D4D6AD7-6428-4FE8-B3AF-88C225A737CE.jpeg

 

As you can see the size is completely disproportionated on mobile, the main image from the slideshow are way too small compare to the logo, the collection (Image and text), etc.

0 Likes
Natztech
Shopify Partner
443 110 225


please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

 

 

header .logo-image {
     max-height: unset !important; 
}

@media only screen and (max-width: 490px){
  .header--mobile  .header--mobile--title .logo-image{
      height: 120px !important;
  }
  }


  @media only screen and (min-width: 499px and  max-width: 859px){
  .header--mobile  .header--mobile--title .logo-image{
      height: 200px !important;
  }
  }

 

 

 

Create your Shoppable Instagram Feed on your online store with AllFetch app

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution
0 Likes
GaelleCastelain
Tourist
6 0 2

Hi,

Thank you but I dont have ThemeCSS in the Asset section, here is what I have :

0A93D862-8ED5-4C84-8937-28C609304A5D.jpeg

0 Likes
GaelleCastelain
Tourist
6 0 2

Could you answer to me please

0 Likes
GaelleCastelain
Tourist
6 0 2

Could you answer to my question please I can’t find a solution, thank you

0 Likes