Header phone number email alignment

Home Forums Construction Pro/Build Forum Header phone number email alignment

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #92536
    padgenb
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: January 16, 2018

    I have the following code update to the header.phh file. I am not able to get the email address to fit just one line. What else do I need to change?

    https://tekrenovations.com/staging/5944/

    .header_row{width:610px; float:right; margin:0; padding:0;}
    .header_row .column-1{ width:28%; float:left; color:white;}
    .header_row .column-1 i{float:left; font-size:30px; color:white; margin:0 15px 0 0;}
    .header_row .column-1 span{margin-bottom:2px;}
    .header_row .phone-email-info{float:left; width:75%;}
    .header_row .column-1 span.hederphone{font:normal 10px ‘Arimo’; color:white }
    .header_row .column-1 span.hederphone a{ color:#000000;}
    .header_row .column-1 span.hederemailid{font:normal 13px ‘Arimo’; color:#828181;}
    .header_row .column-1 span.hederemailid a{ color:#828181;}

    .header_row .column-3{ width:30%; float:right; color:#1d1d1d; margin:0 0 0 0; text-align:right;}

    #92567
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .header_row .column-1 { width:35% !important;}
    .header_row .phone-email-info { width:100% !important;}

    Regards,
    Chris

    #92581
    padgenb
    Member
    • Topics: 13
    • Replies: 21
    • Total: 34
    Member since: January 16, 2018

    You guys are amazing. This is perfect.

    #92584
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23490
    • Total: 23490
    Member since: August 16, 2013

    🙂

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