Docs

[bak]

Hi there

How can I increase Logo size on mobile and have it vertically centered in the mobile navbar?

I know it has to do with the code below which I need for desktop view. How do I need to update the code?

a.x-brand.img {
width: 20% !important;
}

[bak]

This reply has been marked as private.

[Joao]

Hi There,

As you have your logo on Slider Revolution,

Please watch this video in order to learn how to use Slider Revolution Responsive Settings.

Thanks

Joao

[bak]

This reply has been marked as private.

[Joao]

Hi There,

Thanks for clarifying.

Please add the following code to Appereance > Customizer > Custom > CSS

@media (max-width 480px) {
a.x-brand.img {
    width: 70% !important;
    margin-top: 5px;
}
}

Hope that helps,

Joao

[bak]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates. To resolve this issue, please use this code instead:

@media (max-width: 979px) {
  .site .x-brand.img{
    float: none !important;
    margin: 0 auto;
    min-width: 280px !important;
  }

  .site .x-brand img {
    min-width: 280px !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  body .site .x-btn-navbar{
      text-align: center;
      margin: 0 auto 10px !important;
      float: none;
      width: auto;
      display: inline-block !important;
  }
}

Hope this helps.

[bak]

This reply has been marked as private.

[Rue Nel]

Hello There,

Do you want something like this?

Then you will only need this code:

/*** LOGO SIZE MOBILE ***/
@media (max-width: 979px) {
  a.x-brand.img {
    width: 70% !important;
    margin-top: 5px;
  }
}

Please let us know how it goes.

[Author]

Posts