Hi, I have the same issue and don’t know how to fix it. I was wondering whether you managed to fix the problem. If so, could you please tell me how and help me out? :)) Thank you!
This is the css solution that I used. Hopefully this helps you.
@media only screen and (max-width:767px){
.bp-user div#page {
display: inherit;
}
}
Hi, thank you for your quick response!
Could you maybe please tell me where to enter this code? I am not very technical…
For me the elementor footer appears just underneath the header only in mobile view and only at the product archive pages.
This is the link of an example:
https://slaapplus.nl/product-category/slapen-met-een-partner/temperatuur-regulatie/
Thank you very much!
You can add that css code by going to Appearance > Customize and then scrolling down to “Additional CSS”. Paste the code in there and be sure to hit the “Publish” button at the top.
This is what the support team told me when they gave me that code:
This is a site-specific issue, which might be because of some coding.
The page ID div element CSS is conflicting with the footer CSS
https://prnt.sc/cc6l9bUxs1yC
A quick fix is you can try placing the below custom CSS code inside Customizer >> Additional CSS
@media only screen and (max-width:767px){
.bp-user div#page {
display: inherit;
}
}
So hopefully that code works for you as well. If not, you could always reach out to the theme developer for more help.
Thank you for your quick response, unfortunately the css code doesn’t work for me 🙁
I just send an email to Astra, hoping they can help me. However I am a free user, meaning I don’t get technical support. But we’ll see.
Hope it’ll work out eventually. Anyway, thank you for your help!
