Docs

[Nabeel A]

Hey Nathan,

I was referring to the password to enter the site (see attached) It’s not working anymore. Can you please check and provide us the updated password.

Thanks!

[nathanr_]

This reply has been marked as private.

[Paul R]

Hi Nathan,

Thank you for providing your new url.

Though I am not entirely sure what you are trying to achieve.

If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do ( perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

— The screenshots you provided looks the same, please indicate what you would like to happen.

Thanks

[nathanr_]

This reply has been marked as private.

[nathanr_]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in and for sending us the screenshots. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.x-topbar .p-info {
    width: 100%;
    float: none;
    display: block;
}

You must clear your plugin cache and must regenerate the WP Autoptimize plugin before testing your site.

Please let us know how it goes.

[nathanr_]

Hi,

Nope that did not do anything

Thank you
Nathan

[Joao]

Hi Nathan,

I tried the credentials provided to test the solution but they dont seem to be working any longer

Please find this code on Appereance Customizer Custom CSS

@media (max-width: 769px){
.x-topbar a {
    display: block;
    margin-top: 20px;
}}

And replace with:

@media (max-width: 969px) {

.x-topbar a {
    display: block;
    margin-top: 20px;
    float: none;
    text-align: center;
}
.x-topbar .p-info {
   
    text-align: center;
}}

@media (min-width: 969px) and (max-width: 1110px) {

.x-topbar a {
    font-size: 12px;
}

.x-topbar a:before {
    font-size: 10px;
}}

Let us know how it goes,

Joao

[nathanr_]

This reply has been marked as private.

[Rue Nel]

Hello Nathan,

Thanks for updating in! To resolve your issue, please use this code instead:

@media(min-width: 768px){
  .x-topbar .p-info {
    width: 100%;
    float: none;
    display: table;
  }

  .x-topbar .p-info > *{
    display: table-cell;
    position: relative;
    vertical-align: middle;
  }

  .x-topbar a:before {
    font-size: 12px;
    color: #000;
    position: absolute;
    text-align: left;
    padding-top: 23px;
    top: 0;
  }
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts