Drop down menus without even background on mobile

[POLAS_crew]

Dear Support,

I have been struggling with setting an even gradient color for the backgrounds in dropdown menus, as seen almost everywhere on the website. The issue appears as shown in the screenshots I’ve attached; the background seems to be composed of multiple separate elements rather than a seamless gradient.

I tried contacting chat support several days ago, but I haven’t received a response or solution. I was advised to reach out here for further assistance.

Thank you in advance for your help.

Best regards,

Ola

[websensepro]

Hi @POLAS_crew , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[POLAS_crew]

https://polascrew.com/

[POLAS_crew]

Any help here please?

[POLAS_crew]

Hey @namphan I would really appreciate it if you could offer a solution here as well, as no one else has offered to help. I also tried reaching out to Shopify chat, but they advised me to write here. Thank you even for trying!

[namphan]

Hi @POLAS_crew ,

Yes, a fixed background will not work well on mobile IOS.

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
  body.gradient {
    background: transparent !important;
  }
  body.gradient:before {
    content: '';
    background: var(--gradient-background);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
 }
}

[POLAS_crew]

Hey hey,

The problem only concerns mobile version. Why I can’t have fixed background?

Thank you for trying to help. Sadly it only looked worse: