Archived topic
The problem for Sticky Social Icons with Block Element
7 replies · Started by Paul on August 5, 2021
hi, how are you
i checked this video
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!