Return to previous page

Static block – Position sticky buttons on the every page

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

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.

#384265 Copied Theme version: 9.2.6

11 Answers

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

#384311 Copied

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.

#384349 Copied

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

#384360 Copied

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.

#384368 Copied
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
#384377 Copied
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.

#384474 Copied

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.

#384476 Copied

Jay

Participant

February 23, 2024 at 08:40

Ok, but that buttons are not fixed

Please contact administrator
for this information.

#384487 Copied
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
#384507 Copied
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.

#384543 Copied

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

#384576 Copied
Tagged: buttons on every page, position sticky woocommerce, sticky buttons themes, sticky buttons wordpress, woocommerce position sticky, woocommerce static block, wordpress themes sticky blocks
Viewing 12 results - 1 through 12 (of 12 total)