Login fields floating outside bar

Hello,

I assume this is a CSS problem

Yes, probably. Can you share website address?

https://www.icdm-sid.org/EXAMPLE.html

Hi there,

Yes it’s theme related issue.

Can you try this CSS:

#adminloginform .input{
min-height:25px!important;
height:25px!important;
padding:0!important;
line-height:25px!important;
max-width:150px!important;
display:inline!important;
}

It might help.

• This reply was modified 8 years, 1 month ago by Mustafa Uysal.

same issue. perhaps its related to the new version of WordPress?

i’m using Largo theme, and you can see the code here: https://news.focallocal.org

unfortunately adding that code didnt help

• This reply was modified 8 years ago by focallocal. Reason: tick notify button
• This reply was modified 8 years ago by focallocal. Reason: tick notify button

Hi @m_uysl
congratulation for your plugin. It is a very very best solution. Good plugin.
However I have experimented the same problem described in the first post by pjwar
All the fields was out from admin bar.
So, I have introduce the CSS you provided.
Now, all the fields are into the admin bar, but the LOGIN button is out from the admin bar…
Can you provide some line of code more for put into the admin bar also the LOG IN button?
I add picture:
https://subefotos.com/ver/?d69c0d798f678b775f67ba2bc4a318bfo.jpg
I will apreciate your support.
One thing more, congratulation for your plugin.

Hi @giuseppecuttone,

What is your screen size? You probably need custom CSS, can you share website address?

Hi @m_uysl
of course…
my web is:
https://www.infocity.website
I have done differents zoom, and depending of the zoom the button go into the admin bar or outside of the admin bar.
Can you have a solution for solve that.
Thanks very very very much for your interest in resolve that.
I hope your answer.

Can you try this:

#adminloginform {
  min-width:660px;
}

Hi @m_uysl
thanks very much. Now it is showed very well.
One question more about your plugin:
By default admin bar is not showed in mobiles devices, but I have add a CSS for show admin bar in mobiles devices.
Of course, is not possible show all the following element in admin bar in mobiles devices.
username field
pasword field
login button
reset pass
There is no horizontal width / space / area
I have tought in disable your plugin for mobiles devices, and show the widget LOGIN into the page.
But you are the developer of this plugin, so I ask you the following:
do you know another solution for mobiles devices?
Mayby to done the admin bar with more vertical width…
I dont know…
Have you had this problem?
Let me know.
Thanks for your support.
You are very kindly.

Hi @giuseppecuttone,

Unfortunately, it’s not compatible with mobile devices right now.

do you know another solution for mobiles devices?

You can try different plugins which is support mobile devices or, you can do it with media query technique, so you need Custom CSS.

Have you had this problem?

I’ve tested with the default theme and no problem.