the text in the top bar has been deconfigured

Hi there,

in Customizer > Layout > Top Bar - try reducing the Left and Right Padding to give the top bar more space.

I just did it, but nothing has changed

Have you fixed this?

I just tested using the browser simulator tool for iPhone 6/7/8 and this is what I'm seeing:
https://www.screencast.com/t/Fv4MjX9Fxy

I am using Xiaomi Mi A2 and I get the following:
https://www.screencast.com/t/bTngBrRqq
I have tried with BQ Aquiarius and it comes out the same ...

However with Xiaomi 8 Pro it shows itself well.

It's supposed to be responsive..

Hi Ivan,

I think the issue is coming from the narrower mobile screen.

Your current padding left and padding right are both set to 30px in mobile view, could you try to set them to 10px, see if it works.

Let me know :)

Hi,
In Customize> Layout> Top Bar - I have reduced the Left and Right padding to 10, but the result is the same. I have also tried other numbers but there is no effect.

Can Top Bar fail? In the rest of the pages the phone icon and the envelope icon do not appear, when the CSS code is the same.

Hi Ivan,

Give this CSS a try:

@media (max-width: 768px) {
    .top-bar .inside-top-bar {
        padding-left: 10px;
        padding-right: 10px;
    }
}

For the icon doesn't show issue, could you open a new topic? Thanks!

Ok thanks, now yes.
Is it known why the padding is not applied from Customize?

I've made a note to look into this issue. Thanks!

Ok Thx