Scroll-Up on Mobile is blocked by my Footer Ezoic Ad.

Hi there,

Can you link us to the page/site in question to inspect how it's laid out?

Let us know.

Please go to a blog post page. I provided a link below.
My Ezoic ad at the bottom covers the Generate Press "scroll-up" button. I think there's some kind of
CSS magic that can move the scroll button up high enough so I can see it on both my iPhone X and iPhone SE 1st Gen.

Hi,
I just want to make clear this is for the Mobile only. The desktop is fine.

Ah I see.

You can change the z-index of the back to top button so it shows up over the ad.

Try this CSS:

a.generate-back-to-top {
    z-index: 999999;
}

Hey Elvin, Awesome! That is so cool. The scroll-up is on top of the Ezoic Ad.

One more question: will users still be able to click the Ezoic Ad?

I don't want to click it because you're not suppose to click your ads.

Thank you for you time and help.

One more question: will users still be able to click the Ezoic Ad?

I don’t want to click it because you’re not suppose to click your ads.

Thank you for you time and help.

Except for the part being occupied by the back-to-top button, yes you can click the ad. :)

Great! Makring this as resloved!. Thank you for your help.

No problem. :)

Hi Elvin, Opening this ticket again as I'm having the same problem with a new site where I added Ezoic ads.
Problem: The bottom Ezoic ad covers the scrool up button on mobile: iphone 11, iPhone 13 mini. Both updated to 15.6.1
What I've done:
> Like the previous site, I adde the following code to "Additional CSS" in the customizer.
`a.generate-back-to-top {
z-index: 999999;
}
> I then closed the Safari app on iPhone, cleared Safari website data on iPhone
Result: Scollup still blocked by ad.

Question: How can I fix this. The settings on this new website are exactly the same as on the previous website where the CSS code placed the scroll up on top of the bottom Ezoic Ad.

I've attached a link to the website page as well as a screenshot of the problem taken with my iPhone 11.
Appreciate any suggestions you good folks might have.

Opps, udate, same proble is now on the desktop. The bottom Ezoic ad covers the scroll up. Of course, the user can click the down chevron to lower the ad. but most folks may not be aware of it. I'd like to..
1) keep the scroll-up on top of ezoic bottom ad for both desktop and mobile.
OR
2) move the scroll up so it's clear of the bottom ad for both desktop and mobile.

Hi Ken,

Where did you add the CSS? I'm not seeing it in simple CSS/additional CSS or style.css of your child theme.

Let me know!

Hi Ying,
Apologies, i was messing around and deleted it. I put the code in the "Additional CSS" box.
Please note: The bottom Ezoic ad covers the scroll up on Desktop too.
The problem exist on the iPhone mini 13.
I'm unable to see the problem on iPhone 11 because Ezoic moved the bottom Ad to the top of the screen.
Note: I just recently added this site to Ezoic and their algorithm will change the placement of the ads. I believe if the bottom Ezaic ad was there it would partially cove the scroll up.

Hi Ken,

Can you try on a different browser on your iPhone mini 13? Can you also try clearing cache?

Hi Fernando and other GP Support team.
Good news! The scroll-up button is on top for iPhone 11, iPhone 13 and Desktop for the new site mentioned earlier.
The only thing I can think of is it must have been a caching issue on Ezoic side.
I went to my Ezoic dashboard and purged the cache.
Bottom line: All is good. ٩( ᐛ )و.
The code you good folks gave me works when I added it to the "Additional CSS".
I'm going to mark this problem as resolved.
I want to thank all of you good folks for your suggestions and help.