Dissapearing image banner & product picture!

Dissapearing image banner & product picture!

UntouchedMag
New Member
7 0 0

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/ 

Replies 13 (13)

parth_ghelani
Shopify Partner
101 13 14

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.

Parth Ghelani
UntouchedMag
New Member
7 0 0

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
Shopify Partner
101 13 14

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

Parth Ghelani
UntouchedMag
New Member
7 0 0

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
Shopify Partner
101 13 14

Can we connect in the inbox ?

Parth Ghelani
parth_ghelani
Shopify Partner
101 13 14

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

Parth Ghelani
UntouchedMag
New Member
7 0 0

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.

 

Skærmbillede 2024-06-27 kl. 10.45.26.pngSkærmbillede 2024-06-27 kl. 10.45.54.png

parth_ghelani
Shopify Partner
101 13 14

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

Parth Ghelani
UntouchedMag
New Member
7 0 0

Thank u so much!

parth_ghelani
Shopify Partner
101 13 14

Kindly mark the solution asd solved and like the post

Thanks

Parth Ghelani
parth_ghelani
Shopify Partner
101 13 14

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.

Parth Ghelani
UntouchedMag
New Member
7 0 0

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
New Member
7 0 0

I found the issue myself.

 

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