[Resolved] the text in the top bar has been deconfigured

Home Forums Support [Resolved] the text in the top bar has been deconfigured

Home Forums Support the text in the top bar has been deconfigured

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1613226
    Ivan

    Hey,

    Recently the text in the top bar has been deconfigured.
    Before the mobile and the email were on the same line, but now the email has dropped on the second line.
    I have tried to modify it with marjenes, but nothing, I have not been able to fix it using the CSS code I have either.
    The web is https://emcolimpiezas.es
    Below I show you the image and the CSS code:https://www.screencast.com/t/eklZDCI59


    <i class=”fas fa-phone-square-alt “></i>  678 83 22 02
           
    <i class=”fas fa-envelope”></i>  info@emcolimpiezas.es

    Can you help me?

    Thank you,
    Ivan.

    #1613316
    David
    Staff
    Customer Support

    Hi there,

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

    #1613339
    Ivan

    I just did it, but nothing has changed

    #1613415
    Leo
    Staff
    Customer Support

    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

    #1613450
    Ivan

    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..

    #1613732
    Ying
    Staff
    Customer Support

    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 🙂

    #1614654
    Ivan

    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.

    #1614787
    Ying
    Staff
    Customer Support

    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!

    #1614813
    Ivan

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

    #1614817
    Ying
    Staff
    Customer Support

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

    #1614821
    Ivan

    Ok Thx

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.