Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #239745


    Having trouble getting the phone number to the right of the dotted line on site

    I want to be able to keep the image in place now so using the meta-header with icons and phne # up there doesnt work. Also tried to increase header bkg image height, and having the social icons and phone number in the standard top right of the meta-header in black, but obviously would need the meta-header transparent or just not so you have to have both.

    Goal: Phone number to the right of the dotted line.

    OR, keep the very top image (I’ll increase its height about 5 px) and have the icons and image in top right as seen when the “display social and phone number” is set for that.


    I really appreciate all your help. You guys have a customer for life and its easy to say that after working with your products. Looking forward to getting new client site going.


    Hi ecosyse!

    Please position the phone number to the right then add this on Quick CSS or custom.css:

    .av_phone_active_right .phone-info {
    position: absolute;
    right: -50px;
    top: 50px;

    There are not enough space at the right side of the dotted line though.

    Best regards,

    This reply has been marked as private.

    Is possible to only have the social icons and phone # to display in the top right bar for mobile only and keep desktop as it is now?

    I’d love to do that and then I’ll keep the blue colored image header and do 15px top padding so it will still show.



    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .main_menu, #header_main_alternate, .responsive #header .main_menu ul {
    display: block;
    .avia-menu { display: none; }
    .responsive #header .social_bookmarks { float: right; width: 60%; }
    .custom-header-text { left: -33%; }}

    For further customization, please hire a freelance developer

    Best regards,

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.