the image is blurry-mobile version. Studio theme

Store Design
1

I’m using Studio theme. Our banner image on the desktop looks ok, however,it does not show up properly on the mobile version- the image is blurry and poor quality. How to resolve this issue (with coding), please?

Thank you

2

Hi @AlexSyb ,

Please send me the code of image-banner.liquid file, I will help you to change it.

3

Hi @LitExtension !

Do you need this? Thanks in advance!

{%- if section.settings.image != blank -%}
{{ section.settings.image.alt | escape }}
{%- elsif section.settings.image_2 == blank -%}
{{ 'lifestyle-2' | placeholder_svg_tag: 'placeholder-svg' }}
{%- endif -%} {%- if section.settings.image_2 != blank -%}
{{ section.settings.image_2.alt | escape }}
{%- endif -%}
{%- for block in section.blocks -%} {%- case block.type -%} {%- when 'heading' -%}

{{ block.settings.heading | escape }}

{%- when 'text' -%}
{{ block.settings.text | escape }}
{%- when 'buttons' -%}
{%- if block.settings.button_label_1 != blank -%} {{ block.settings.button_label_1 | escape }} {%- endif -%} {%- if block.settings.button_label_2 != blank -%} {{ block.settings.button_label_2 | escape }} {%- endif -%}
4

Hi @AlexSyb ,

Please change all code:


{%- if section.settings.image != blank -%}

{%- elsif section.settings.image_2 == blank -%}

{{ 'lifestyle-2' | placeholder_svg_tag: 'placeholder-svg' }}

{%- endif -%}
{%- if section.settings.image_2 != blank -%}

{%- endif -%}

{%- for block in section.blocks -%}
{%- case block.type -%}
{%- when 'heading' -%}
## 
{{ block.settings.heading | escape }}

{%- when 'text' -%}

{{ block.settings.text | escape }}

{%- when 'buttons' -%}

{%- if block.settings.button_label_1 != blank -%}

Hope it helps!