Deborah Delin

I finally figured out how to get the clickable phone number in the header. But it isn’t a good idea. When it is positioned both relatively or absolutely it moves around and appears differently on different websites, and doesn’t appear at all on the narrow screen of an iPhone, which was the whole point.

So goodbye to that idea and I’ll find another place to put the clickable phone number!

Thanks for your help.
Deborah

Just in case anyone reads this, I have now positioned the text widget in the header area absolutely, but would still dearly like to know how what to do so that it doesn’t slide in and out when the page width is adjusted.

Thank you,

Deborah

Thank you Michael, your post was a great help. As the words problem has happened in two themes, it made me re-inspect my css modifications, and indeed,
div{
text-align:right;}

was causing the problem.

As for the button being half cut off, I have no idea why that happened. But I added a blank white image below, as you suggested, and now the button displays. Thank you very much.

Deborah

Please oh please could a kind person explain to this CSS dummy how to moved this widget, with the telephone number text in it, down so that it overlays the header? None of my CSS has any effect on it.

https://www.photomobil.co.il/

Or alternatively suggest another way of getting a phone number to overlay the header? I tried putting it in a spare widget but when it is absolutely positioned it ends up covering the graphics when page width is adjusted.

This small thing is driving me crazy please help!!

Deborah

Oh no – so sorry! Site is open now.

Yes I did read FAQ on CSS. I’d be so grateful if you’d have another look!
Thank you!

https://www.photomobil.co.il/

Deborah

I am sure that as you say, Esmi, I need to change the width of the widget. But adding width:190px; to the style.css isn’t doing it. Do I need to do something to header.php?

Adjusting top positioning has no effect. I think this code isn’t doing anything:

#top-right textwidget
#top-right
{
width:190px
position:absolute;
right:60px;
top:300px;
z-index:550;
}

It’s above the header area. I want it to sit in the header area, below the menu bar.

I can’t budge it!!

Sorry Esmi, it still doesn’t budge ??

This is the CSS I am trying:

#textwidget
#top-right textwidget
#top-right
{
width:190px
position:absolute;
right:60px;
top:115px;
z-index:550;
}

Can you see where I’m going wrong?
Thank you!!

If I give up on my home-made widget and put the text in the right hand widget area, how can I make its position relative without messing up the position of the image below in the same widget area?

I currently have this css:
#text-6{
position:absolute;
right:60px;
top:115px;
z-index:550;

}
But the problem is that if the width of the viewing window alters the text moves and covers the images in the header.

https://www.photomobil.co.il/

Thank you!

Hopefully,

Deborah

With CSS? Like this?

#top-right textwidget
#top-right
.top-right
.textwidget
.top-right textwidget
{
top:-200;
z-index:550;
width:190px
}

Ok, I’ve done that but I still can’t get it to shift upwards on the page.

I tried many different themes and finally found Coraline which suits my purpose and displays nicely on mobile phones. I have no idea why I had such problems displaying so many of the themes on the mobile.

Ok, thank you Esmi, will do so.

Ha ha! Sorry, I’m not the developer! Just a user and it took me 24 hours before I realised the button still worked! I would also like the button to come back……

Tberin – did you realise (as I did not at first) that although the button is no longer visible, it is in fact still there and still functions? If you hover over where it should be, to the right of the LTR button, a pop up appears which says DIRECTION RIGHT TO LEFT. You can use the button just as you did before. Happiness restored!! ??

Oh what a clot I am!!! That works beautifully! Thank you so much Esmi!!!!!