Mobile topbar image size

[headmetal]

looking for some help on css or html to shrink 2 images I have in my topbar on the mobile view.
desktop view

mobile view

I’d like maybe 50% smaller on mobile

[Prasant]

Hello @headmetal,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .x-topbar p.p-info img {
    width: 25%;
    margin-top: 8px;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[headmetal]

This worked amazingly
Thank you

[ruenel]

You’re welcome!
We’re glad @Prasant were able to help you out.