- This topic has 11 replies, 2 voices, and was last updated 1 year, 6 months ago by Fernando.
-
AuthorPosts
-
October 2, 2022 at 9:06 pm #2361022surendra1506
Hi team,
I am using
class to show ads on mobile view of my site classmate4u.com.Along with the CSS:-
.custom-ad-container {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: fit-content;
height: fit-content;
}
.custom-ad-container ins.adsbygoogle {
display: block !important;
}I had achieved the desired outcome on mobile view.
But for Desktop view, I am using 728 * 90 ad unit of google Adsense. It is showing at the bottom but the ad is appearing on the left side and
Also, it is not sticky to the bottom.
My only requirement is to make an ad of 728*90 size to the center and sticky for desktop view.
Thanks in AdvanceOctober 2, 2022 at 9:08 pm #2361023surendra1506Hi team,
I am using
class to show ads on mobile view of my site classmate4u.com.Along with the CSS:-
.custom-ad-container {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: fit-content;
height: fit-content;
}
.custom-ad-container ins.adsbygoogle {
display: block !important;
}I had achieved the desired outcome on mobile view.
But for Desktop view, I am using 728 * 90 ad unit of google Adsense. It is showing at the bottom but the ad is appearing on the left side and
Also, it is not sticky to the bottom.
My only requirement is to make an ad of 728*90 size to the center and sticky for desktop view.
Thanks in AdvanceOctober 2, 2022 at 10:05 pm #2361045Fernando Customer SupportHi Surendra,
For reference, can you provide the link to the site in question?
Can you also try hooking the ad to
after_footer
if you’re using a Block or Hook Element?October 2, 2022 at 10:09 pm #2361054surendra1506Hi Fernando,
Thanks for your reply.
The site I am talking about is https://www.classmate4u.com/
Also, I am using the after_footer hook element.
The only requirement I want is to make it center and sticky.
October 2, 2022 at 10:58 pm #2361083Fernando Customer SupportTry adding
ad-footer
to the class list of the div holding the ad. It currently has custom-ad-container class, just add it after that.Then, add this in Additional CSS:
.grid-container.custom-ad-container.ad-footer { position: fixed; bottom:0; left: 50%; transform:translateX(-50%); }
October 2, 2022 at 11:31 pm #2361105surendra1506Hi, Fernando,
I implemented the Div Class ad-footer on both the mobile div class and desktop div class along with the CSS you had given.
But it’s not working on the Desktop view. The mobile view is fine.
October 2, 2022 at 11:38 pm #2361110Fernando Customer SupportThe class
ad-footer
hasn’t been added yet. See: https://share.getcloudapp.com/5zuPnEmoCan you try clearing cache?
October 3, 2022 at 1:24 am #2361180surendra1506Hi Fernando,
I implemented the ad-footer div class and its showing on my end in inspect element also.
Request confirm the same.
October 3, 2022 at 1:41 am #2361200Fernando Customer SupportIt’s now there.
However, you added the CSS code I provided inside a media query for mobile.
You’ll need to put it out of the media query for it to work on Desktop as well.
October 3, 2022 at 1:58 am #2361220surendra1506I don’t understand what you said sorry for that.
Can you simplify it for me?
I am not a technical person.
What exactly do I need to implement?
October 3, 2022 at 2:07 am #2361225surendra1506Thank you Fernando
I figured out what you said and implemented the same.
I had god my desired output.
Thanks a lot
October 3, 2022 at 5:02 pm #2362067Fernando Customer SupportI see. You’re welcome Surendra!
-
AuthorPosts
- You must be logged in to reply to this topic.