[flacnvinylParticipant]

I have an odd request. private post following!

[flacnvinylParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

@media (max-width:480px) {
    .x-topbar-inner.x-container.max.width {
        width: 100%;
    }
    .x-topbar .p-info {
        padding-left:0;
        padding-right:0;
    }
    .x-topbar .p-info a img{
        margin-left:-10px;
        margin-right:-10px;
    }
}

Note depending on how the mobile screen width is, there may be no way to have both buttons in one line. Also the grey background does not appear on our end. Were you able to fix this already? Do let us know – thanks!

[flacnvinylParticipant]

Yes we were able to fix the grey box. Thank you for the code! This helps greatly in understanding how to modify the topbar in other situations as well. Thank you!

[John EzraMember]

You’re most welcome!

[Author]

Posts