Site logo

Archived topic

The problem for Sticky Social Icons with Block Element

7 replies · Started by Paul on August 5, 2021

Viewing posts 1–8 of 8

hi, how are you

i checked this video

https://youtu.be/q9YyXSBpRR0

so, i did the block element (Hook) for sticky social icons

also i insert css code
.sticky-social-icons {
position: fixed;
left:0;
top: 30%;

to simple CSS or Addtional CSS, https://prnt.sc/1jpzqs0

any one is useless

pls check it on page

pls let me know where is the problem and how to fix it

thanks in advance
paul

Hi Paul,

You had an incorrect class for the block:
https://www.screencast.com/t/jrpH6aKOcg

It should be sticky-social-icons hide-on-mobile, there's a space between the 2 classes, not a -.

Thought I should mention that the content HTML is provided in the description of the video:
https://www.screencast.com/t/EmDo2h7jaxIW

And you can use this method to copy-paste the content without re-creating it manually:
https://youtu.be/CsT1UOzZUgI

Let me know if this helps :)

hi there

1/ for pages, the social icons are left,

but for the product page and produt archive, it is still after the header,

how to adjust it
thakns

Hi there,

i am not seeing the social icons on the link you provided ? Did you disable it in the Element Display Rules ? if so can you re-enable it so i can see the issue.

hi, david

yes, i dont get the reply from your side, so i disable them on product page and achrive

now i enable them, pls check them in private messages

pls guide me how to solve it
thanks in advance

paul

In the CSS - change this line:

position: fixed;

to:

position: fixed !important;

Hello David,

You always give me the "surprise"

To be honest, i am very happy with generatepress them and generateblocks plugin (Just bought it yesterday and itis very cool)

Thanks again for your help and Tom Team

Have a nice day and stay safe

Paul

Glad to be of help!

This archived topic is closed to new replies.