Dissapearing image banner & product picture!

[UntouchedMag]

Hi, im working on this website and I have been doing a bit of custom css, somewhere along the way the banner & picture went missing, cant find them when im checking out the code of the website & I dont know which css code is the issue..

Link: https://untouchedmagazine.dk/ 

[parth_ghelani]

Hellow @UntouchedMag dude,

When you scroll up on the website, the banner won't move, this is the main issue. am i right ?

If yes, then i have a solution for your question.

You just need to follow below steps:

1. Go to admin > Online store > Edit code.

2. In code directory, Find the file named "custom.css" and open it.

3. In the file find the CSS for the selector "#psb-template--21767734395226__psb_banner_banner_01_M6mNXb img".

4. From the CSS in this selector, remove the 'position: fixed !important' and save the file.

By making this change, your banner now be visible and won't disappear

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[UntouchedMag]

Hi, this was not a problem when i entered it earlier - I need the object as fixed, as it is part of the design.

[parth_ghelani]

what's the thing that you exactly want to do on your site, can you please attach an image with highlight in it ?

[UntouchedMag]

The code your are mentioning has nothing to do with my problem. It is directed at an entirely different area of the website, removing the code did not change anything.

[parth_ghelani]

Can we connect in the inbox ?

[parth_ghelani]

That's why i mentioned for image of the actual issue...

[UntouchedMag]

For the first picture you can see that the product picture is missing.

for the second picture, you can see that there is placed an "image banner" in between "image with text" but it is not showing up.

[parth_ghelani]

I got you. let me check and find the best solution for you !

[UntouchedMag]

Thank u so much!

[parth_ghelani]

Kindly mark the solution asd solved and like the post

Thanks

[parth_ghelani]

To fix both of the issue on your site, follow below steps

1. Go to admin > Online store > Edit code.

2. In code directory, Find the file named "custom.css" and open it.

3. Copy the below mentioned CSS and paste it at the end of the custom.CSS file

#Banner-template--21767734395226__image_banner_zUBAG4 {
 display: flex !important;
}
.product .product__media-list .product__media-item {
  display: flex !important;
}

4. Don't forget to save the file after adding CSS.

By applying this CSS, your issue is fixed and solved.

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[UntouchedMag]

Hi again,
It helped with the product image but not with the banner!
The banner displays the wrong picture and when adding a new banner, it does not show up ..

[UntouchedMag]

I found the issue myself.

Thank you so much for the help, wouldnt have known what to do without ur help!