Adding Anchor Ad on All pages on Mobile

[Muhammad]

Hi there I need to Display the Bottom Sticky Anchor Ad on all the pages on mobile devices. Please let me know how do I do this?

[David]

Hi there,

you can use a Hook Element to add your Script to the foot of your site:

https://docs.generatepress.com/article/hooks-element-overview/

To make it only display on mobile and make it sticky would be related to the AdCode/Plugin you’re using.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Muhammad]

Yes I understand that but I want a hook at the bottom of the post page that is sticky and has a closing button.

Want this at the bottom.

[Muhammad]

Currently, I am implementing this on one of the pages. … ” /privacy-policy ” as a test.

<!– banner code –>

with css

.sticky-footer-element {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
background-color: #fff;
}

/* Add body bottom margin the height of sticky element */

@media(max-width: 768px) {
body {
margin-bottom: 100px;
}
}

But I don’t want it to show on desktop. And I want a close button on it.

[David]

That would require custom development or a plugin to do that. You will also need to check whether your ad provider permits sticky adverts as these may be forbidden.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Muhammad]

Can you help me do it without a plugin?
I want the banner to show on mobile devices only.

[David]

Unfortunately that is out of the scope of our support – it would require custom development to do that.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Muhammad]

Alright. Well thanks alot for all the help.

[Author]

Posts