Docs

[amit malhotra]

Hi Team,

I am not able to change the content on the top bar. Its appearing as uppercase while I want that in lowercase. And on mobile is coming fine. I have already added the following css in customizer. But its doing nothing.

.x-topbar .p-info {
text-transform: lowercase !important;
}

Url – http://www.creativeamit.com/vintex

Thanks,
Amit Malhotra

[Lely]

Hello Amit,

Please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.x-topbar .p-info {
   text-transform: initial;
}

Hope this helps.

[amit malhotra]

I added that but it still shows in uppercase.

[Thai]

Hey There,

You forgot to close the curly bracket(}) in your custom CSS.

Please find this CSS:

@media (max-width: 979px) {
.ubermenu-skin-vanilla.ubermenu-responsive-toggle {
    float: right;
    margin-top: 30px;
}
  
  @media (max-width: 979px) {
   .x-brand {
      width: 150px; /* Change WIDTH accordingly */
      height: 90px; /* Change HEIGHT accordingly */
      background: url(http://creativeamit.com/vintex/wp-content/uploads/2016/10/vintex-logo-small.png) no-repeat center top;
      margin-top: 0;
      background-size: 150px 90px; /* Width x Height - Adjust accordingly */
   }

   .x-brand img {display: none;}
}@media (max-width: 979px) {
.ubermenu-skin-vanilla.ubermenu-responsive-toggle {
    float: right;
    margin-top: 30px;
}
  
  @media (max-width: 979px) {
   .x-brand {
      width: 150px; /* Change WIDTH accordingly */
      height: 90px; /* Change HEIGHT accordingly */
      background: url(http://creativeamit.com/vintex/wp-content/uploads/2016/10/vintex-logo-small.png) no-repeat center top;
      margin-top: 0;
      background-size: 150px 90px; /* Width x Height - Adjust accordingly */
   }

   .x-brand img {display: none;}
}

And change to this:

@media (max-width: 979px) {
  .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
      float: right;
      margin-top: 30px;
  }
}
@media (max-width: 979px) {
 .x-brand {
    width: 150px; /* Change WIDTH accordingly */
    height: 90px; /* Change HEIGHT accordingly */
    background: url(http://creativeamit.com/vintex/wp-content/uploads/2016/10/vintex-logo-small.png) no-repeat center top;
    margin-top: 0;
    background-size: 150px 90px; /* Width x Height - Adjust accordingly */
 }
 .x-brand img {display: none;}
}

Hope it helps 🙂

[Joao]

Hi There,

Please add instead:

.x-topbar .p-info {
    text-transform: initial !important;
}

Hope it helps

Joao

[Author]

Posts