[SOLVED] Some widgets in fixed position
 

Hello,

I need the text widgets and the social widget will appear at the bottom fixed all computer screens.
As it looks now, the normal computer screens see the widgets down, but in Iphone and Mac screens, The widgets appear at the middle and not at the bottom.

How it is possible to do so the location will be fixed?
Sure I have to use the code:

position: fixed;

But where should I put it?

Website: http://www.niryefet.com/

Thank you again.

Have you tried targeting the widget and putting position: fixed on them along with top, bottom etc.?

That's the problem I do not know what exactly the code I need to use for the widgets: Text widget and Social media widget.

you know maybe some code I need to use to make it work?

I tried these codes but it does not work and probably are not correct:

.socialmedia-buttons img { position: fixed !important; }
/*-------------------------------------*/
.textwidget li {
font-size: 24px;
padding: 20px;

Thank you.

this is when you use a code examiner or use your browsers 'view source' option to look at the code and find the id's/classes you need to put in your CSS to get it to work.

For social networking I solved the problem:

.socialmedia-buttons {
position: fixed;
bottom: 30px;
left: 37px;

}

But the problem in text widgets, I have two text widgets, how I make them each individually?

.textwidget {
position: fixed;
bottom: 50px;
left: 37px;

}

This code works on both, and I need each one separately, what should I add?

Thank you.

take a look at each widget and look at the ID - it should be different for each and use can use that in your selector - remember, ID are prefixed with a pound sign in the css.

I found thanks.

#text-2 { position: fixed;
bottom: 5px;
left: 37px;}

#text-3 { position: fixed;
bottom: 70px;
left: 37px;}