Static block – Position sticky buttons on the every page

This topic has 12 replies, 3 voices, and was last updated 1 months, 3 weeks ago ago by Luca Rossi

  • Avatar: Jay
    Jay
    Participant
    February 21, 2024 at 18:24

    We need 2 buttons on the website and every page, That buttons are stick on the page bottom above footer section.
    Same thing to do with tablet and mobile device also.

    Thank you

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 22, 2024 at 08:25

    Hello, Jay,

    Thank you for reaching out to us with your request. We understand that you would like to have two buttons added to your website, positioned at the bottom of each page just above the footer section. We also acknowledge your need for these buttons to be consistently displayed across various devices, including tablets and mobile phones.

    To proceed with your request, you have the option to incorporate the buttons within the Footer static block content or alternatively, you may create a new static block. Once created, this can be added by navigating to Appearance > Widgets > PreFooter area within your website’s dashboard.

    Should you require any further assistance or have additional questions, please do not hesitate to reach out.

    Best Regards,
    8Theme’s Team

    Avatar: Jay
    Jay
    Participant
    February 22, 2024 at 10:56

    Static block added in pre footer area
    Please guide me after this steps how to show this widget entire website(every page)

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 22, 2024 at 11:18

    Hello, Jay,

    Thank you for following our recommendation.

    We would like to inform you that the prefoter content is designed to be displayed automatically on all pages unless an alternative option has been selected in the page settings. If you encounter any pages where the prefoter is not visible, please provide us with the link to the specific page in question.

    We appreciate your cooperation and look forward to resolving this matter promptly.

    Best Regards,
    8Theme’s Team

    Avatar: Jay
    Jay
    Participant
    February 22, 2024 at 11:48

    Ok, but we need to that button are sticky position is browser bottom center. Let me know how to do it.

    Avatar: Justin
    Luca Rossi
    Support staff
    February 22, 2024 at 12:12

    Dear Jay,

    We kindly request that you insert the following CSS code snippet into your website’s theme. You can do this by navigating to Theme Options, then selecting Theme Custom CSS, and finally placing the code under the Global CSS section:

    
    footer.prefooter {
        position: fixed;
        width: 100%;
        z-index: 9999;
        bottom: 0;
    }
    

    Should you require any further assistance, please do not hesitate to reach out.

    Best Regards,
    The 8Theme Team

    Avatar: Jay
    Jay
    Participant
    February 23, 2024 at 06:41

    Pre footer > Static block is not showing on the website all pages except home page.

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    February 23, 2024 at 07:28

    Dear Jay,

    We hope this message finds you well.

    We’re writing to inform you that several pages on our website have been configured to utilize the custom footer. In an effort to enhance the user experience, we have recently edited this custom footer to include a static block positioned above it. As a result of this update, you will now observe that all the relevant pages are consistently displaying two buttons, as illustrated in the screenshot provided below:

    [https://prnt.sc/wdqwb3IcJkhZ](https://prnt.sc/wdqwb3IcJkhZ)

    Should you require any further assistance or have any questions regarding this modification, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Jay
    Jay
    Participant
    February 23, 2024 at 08:40

    Ok, but that buttons are not fixed

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    February 23, 2024 at 10:04

    Dear Jay,

    We hope this message finds you well.

    Please be advised that you can update your custom CSS with the following code:

    
    .fix-btn {
        position: fixed !important;
        width: 100% !important;
        z-index: 9999;
        bottom: 0;
        left: 0 !important;
        background: transparent !important;
    }
    

    Applying this code will ensure that your button remains fixed at the bottom of the page.

    Furthermore, we must inform you that replicating the exact functionality of the example you provided may necessitate additional customization. Should you require further personalization, we invite you to consider our premium service. You can request this service through the following link: https://www.8theme.com/account/#etheme_customization_panel

    Should you have any further inquiries or require assistance, please feel free to contact our support team. We are always at your service.

    Warm regards,
    The 8Theme Team

    Avatar: Jay
    Jay
    Participant
    February 23, 2024 at 13:26

    Please let me know, if i replace “position:fixed” with “position:sticky”
    Why is not working position:sticky in this theme.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    February 23, 2024 at 15:55

    Dear Jay,

    We hope this message finds you well.

    We would like to draw your attention to the following article which we believe may be of assistance to you: https://stackoverflow.com/a/47878455

    Should you have any further inquiries or require additional support, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.