Changing mobile image - Jumpstart

New Member
9 0 0

Hi guys, I previously started topics on this but never got a conclusion.

 

I'm trying to fix the display of the Video Image on mobile for the Jumpstart Theme. After a lot of digging around ,I managed to find text that affects the image:

// Parallax functions

.parallax-bg {
position: relative;
overflow: hidden;
}
.prlx-bg {

display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
width:50%;
height: 50%;
@include bgimg();

&.overlay-true:before {
background: #fff;
opacity: .8;
}

img {
display: none;
}

I don't know if this is the only text that i need to edit or not, but so far this is the only part of the script that I've found which allows me to change the sizes of the banner.

 

However, there are no media queries in this part. Is this why it looks so terrible on mobile? I also saw that there's no "padding" or anything. So even if i shrink my image to 50%, there's a huge white space around it.

 

So, my question is, is there a way for me to change the way the image displays on Mobile from here? Or even a way to make a completely different image show on mobile?

 

Please help <3

 

Thanks,

T

0 Likes
Shopify Partner
944 131 127

Hello 

Please share your site url.

Want to modify or custom changes on store hire us .
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
0 Likes
New Member
9 0 0

Hi Pallavi,

 

I've already given you the URL in my previous questions.

 

However, here it is again: ellebela.com

 

Thanks,

T

0 Likes
Highlighted
New Member
9 0 0

Hi guys, 

 

Can anyone help please?

0 Likes