Problem background responsive gradient

[davidmonje]

Hi!

I’ve developed my website using your template but there’s a visual glitch when browsing the home page on mobile (both iOS and Android) that I’m trying to solve.
I added a gradient animation, one to my text introduction and another one to the masonry gallery. When scrolling down -as you’ll see in the screenshots, marked in red: – a white background can be seen briefly. You can see the animation working fine in the Desktop version.

The website is dmonje.com

Can you please help me find a solution, please?

Thank you,
David.

[davidmonje]

Also, I’m seeing in responsive on mobile, when clicking any link on the Index page it first takes you to the top and then proceeds to the link. It does not happen in Desktop versions.

Thanks again

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

I need to check the lived webpage. Please leave the issued webpage URL, or paste the zipped webpage files folder by a 3rd cloud disk(es Dropbox). Thanks!

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[davidmonje]

This reply has been marked as private.

[SeaTheme]

Hi, thanks

Please fix the 2 places, It should work.

1) Remove the class module-animation from <div class="module col-12 module-id-1573195995318 module-animation" data-module-col="12" data-backcolor="linear-gradient(#FBB034, #F5D020, #ffe100)" data-change-color="on" >

2) Add the codes before the tag </head>

<script> 
        var isFilterClick = false;
        var UxCBModGlobal = [];
        var UxCBModGlobalAjax = "false";
        var ajaxurl = "";
        var JS_PATH = "/js/"
</script>

It is necessary for all pages.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[davidmonje]

This reply has been marked as private.

[SeaTheme]

Hi,

1. index.html:
Add style="top:0px; padding-top: 80px;" on id wrap, Lost 2 </div>
https://www.dropbox.com/s/tjq9sctk8efexlr/QQ20220907-103042.jpg?dl=0

2. update line195 on js/modules-global.js:
const bgUniver = document.querySelector('#wrap');

Download changed file.

---

Regards!

[davidmonje]

Thank you very much!! Now the gradient is working fine! but the second problem is stil happaning in responsive on mobile, when clicking any link on projects on the Index.html page it first takes you to the top and then proceeds to the link. It does not happen in Desktop versions.

[SeaTheme]

Welcome.

Plz delete the class name bm-touch-tab on each item.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[davidmonje]

Thank you very much it is working, could you remove the dropbox links from this thread to the files so that they are not public ? thank you very much

[Author]

Posts