Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 10, 2019 at 7:15 pm #1136720
    MLA18

    Hello Support,

    Is there a way to center the “Phone Number or small info text” in the header area/ I have researched and tried all previously noted CSS fixes from previous years but none of them seem to be working.

    Any advice you could provide would be greatly appreciated.

    Thanks!

    September 11, 2019 at 2:18 pm #1137046
    Rikard

    Hey MLA18,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av_phone_active_right .phone-info {
    float: none;
    text-align: center;
}

    Best regards,
    Rikard,

    September 20, 2019 at 5:19 pm #1140255
    MLA18

    Thank you for that Rikard! That did the trick for a little while, but when I updated to 4.6.2 a new problem has surfaced:

    I am using the following two CSS additions:

    /- Center the Phone Info in header -/
    .av_phone_active_right .phone-info {
    float: none;
    text-align: center;
    background-color: #b32d1e!important;
    }

    /- Eliminate the white space/padding that shows up for Grid Rows on mobile and tablets -/
    @media only screen and (max-width: 989px) {
    .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin-bottom: 0;
    }
    }

    Which ever bit of coding appears after the other in Quick CSS is breaking the other. For instance if I paste the above coding into Quick CSS as-is, the phone number info is not centered. If I reverse the order, then the phone info is centered but the white space for grid row returns on mobile.

    Any advice you can provide would be greatly appreciated.

    Thanks!

    September 22, 2019 at 10:31 pm #1140784
    Mike

    Hi,
    Sorry for the late reply, I took a look at your Quick CSS and found that you had a rouge bracket:

    .phone-info {font-size: 20px; }
}

    notice the third bracket, I removed it for you and cleared your cache, please clear your browser cache and check if this helped.

    Best regards,
    Mike

    September 23, 2019 at 2:47 pm #1141023
    MLA18

    Thank you for catching that and letting me know!

    Very much appreciated. You can close this topic now.

    September 24, 2019 at 8:03 am #1141244
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out and thanks for the feedback. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Center the "Phone Number or small info text" in Header’ is closed to new replies.