How do I fix the mobile view issue with Ella theme on my site?

Store Design
1

I am new to shopify (usually use wordpress) and am having some real difficulty with the Ella theme.

The URL is https://pupclo-108c.myshopify.com/

Password - toliag

The banner at the top of my site will not work on mobile, its a mess, even if i change the image on the shopify theme it just overlaps the button and text, i cannot change or remove the text for mobile only.

Can someone please help and point me in the correct direction!

Thanks so much guys.

2

Hi, @barlojoe .

Thank you for reaching out, and welcome to Shopify! I am sorry to hear you are having difficulties with your theme.

I cannot find an " Ella " theme on the Shopify theme store. Did you purchase this theme from a third party? If so, it would be best to contact the theme developer as third-party themes are not supported by Shopify Support.

Please let me know if you have any questions! I would love to learn more about your new business! What type of products do you sell?

3

Is this the issue you are describing? For Mobile you just want to remove the text right?

Screen Shot 2022-06-17 at 4.54.56 PM.png
Screen Shot 2022-06-17 at 4.54.56 PM.png758×1290 159 KB

4

Hi Abdi,

Yes just to remove the text on mobile!

Thanks,

Joe

5

Hiya Emily!

I brought the theme from themeforest!

I just need to move the text on mobile but can’t find a way to do so!

Thanks,

Joe

6

@barlojoe Add this code to the bottom of your theme-styles.css in the assets folder. It will hide the banner text on all mobile devices (phones and tablets only). If this solution satisfies your question please Like and Accept it. Thanks!:

@media screen and (max-width: 749px) {
    .banner-content.inner.abs_left {
      display: none;
    }
}
7

Hi Abdi,

I only have the following assets:

theme.min.css.liquid

theme-settings.css.liquid

theme-styles.css.liquid

theme-styles-responsive.css.liquid

which one should i add it on?

also will that get rid of the whole banner or just the text!

Thanks so much!

8

@barlojoe add it to theme-styles.css.liquid, it will get rid of the whole banner, do you want to keep the button? If so I can adjust the code for you.

9

Hi Abdi,

I’ve added it but it has only removed the text?

I wanted to remove this one completely on mobile

add another banner and remove that completely on desktop

so i can design one banner for mobile users and 1 for desktop

does that make sense?

sorry for the confusion!

Thanks so much

10

Ohhhh, I see for that I would have to actually go into your shopify theme and make some changes to your liquid code. I will direct message you for further details.

11

Hi Abdi,

I think I may have sorted this! Can you check that you see a different image?

Thanks so much for the help!

12

@barlojoe this is what I see unfortunately.

Screen Shot 2022-06-17 at 5.42.55 PM.png
Screen Shot 2022-06-17 at 5.42.55 PM.png1000×1306 68 KB

13

Hi Abdi!

Thats great, that’s what i added in just to see!

Thanks so much i will message you!