Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3436014
Sticky image on scrolling
Closed

Comments

  •  1
    lake_house started the conversation
    August 14, 2023 at 5:52am

    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

  •  2,610
    PenciDesign replied
    August 14, 2023 at 6:50am

    Hi,

    Please install the Ads by WPQuads plugin and follow the document at this link: https://wordpress.org/plugins/quick-adsense-reloaded/

    Regards,
    PenciDesign.


  •  1
    lake_house replied
    August 14, 2023 at 7:16am

    This is good .but floating ad only for premium customers

  •  2,610
    PenciDesign replied
    August 14, 2023 at 8:11am

    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.

  •  1
    lake_house replied
    August 14, 2023 at 9:25am

    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

    Attached files:  image.PNG

  •  2,610
    PenciDesign replied
    August 14, 2023 at 3:35pm

    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.