Skip to content
Public Ticket #25711

Sticky image on scrolling

Conversation thread

PenciDesign Supporter replied

3 years ago
Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.mobile-ads {
    display: none;
}
@media only screen and (max-width: 767px) {
    .mobile-ads {
        display: block;
    }
    .desktop-ads {
        display: none;
    }
}

You should add the class name to the image HTML tag.

Regards,
PenciDesign.



lake_house replied

3 years ago
Customer Reply

i used Floating Ads Bottom and it working fine.. Issue is i need to show same image with two sizes for mobile and web. 

I added code like below

<img src="#" alt="Web" border="0">

<img src="#" alt="Mobile" border="0">

can you remake this code for for  1st one only for web and second for mobile screens. I thought it use bootstrap. But seems not

PenciDesign Supporter replied

3 years ago
Staff Reply

Hi,

Please follow these steps:

1. Go to Appearance → Customize → Custom CSS: add the following CSS code:

.footer-ads {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
}

2. Navigate to Customize → Footer → General → Add Custom HTML code before close </body> tag / Google Analytics Code: add the following content:

<div class="footer-ads">
insert the code here
</div>

Regards,
PenciDesign.

lake_house replied

3 years ago
Customer Reply

This is good .but floating ad only for premium customers

lake_house started the conversation

3 years ago
Conversation Start

HI 

I need to add sticky image which should be on the bottom of the page always

 Leaderboard (728×90 ad size) for web

and mobile 300 100

.. always when user scroll down to the site this should always show on site bottom

Is there any chance to implement this on site

Want to join this conversation or access attachments? Sign in first.

Login to Reply