Home › Forums › SEA HTML5 Template › Problem background responsive gradient
- This topic has 9 replies, 2 voices, and was last updated 1 year, 3 months ago by
davidmonje.
- AuthorPosts
- September 4, 2022 at 6:24 pm #28173
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.September 4, 2022 at 6:54 pm #28174Also, 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
September 6, 2022 at 1:13 am #28176Hi 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 – FacebookSeptember 6, 2022 at 5:38 am #28181This reply has been marked as private.September 6, 2022 at 7:30 am #28187Hi, 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 – FacebookSeptember 6, 2022 at 8:41 am #28189This reply has been marked as private.September 7, 2022 at 2:33 am #28197Hi,
1. index.html:
Addstyle="top:0px; padding-top: 80px;"
on id wrap, Lost 2</div>
https://www.dropbox.com/s/tjq9sctk8efexlr/QQ20220907-103042.jpg?dl=02. update line195 on js/modules-global.js:
const bgUniver = document.querySelector('#wrap');
Regards!
September 7, 2022 at 6:27 am #28200Thank 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.
September 8, 2022 at 9:26 am #28203Welcome.
Plz delete the class name
bm-touch-tab
on each item.Regards!
SeaTheme – FAQs – WordPress Customization – FacebookSeptember 8, 2022 at 2:10 pm #28204Thank 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
- AuthorPosts
- You must be logged in to reply to this topic.