Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 5, 2015 at 11:01 pm #440044
    brooks

    Hi

    I have added an icon to the phone number above the header. I would like to change the line height to 18px.

    I current have this:
    <span class=”custom-text”>REQUEST FREE CONSULTATION </span><span class=”custom-number”>[av_font_icon icon='ue799' font='mobile2' style='' caption='' link='' linktarget='' size='28px' position='left' color=' #00b395'][/av_font_icon] 619.237.3490</span>

    Also, can i add text above the phone number. eg. REQUEST FREE CONSULTATION (in small text above number rather than at side)

    Appreciate your help,
    Mike

    • This topic was modified 9 years, 6 months ago by brooks.
    May 6, 2015 at 8:38 pm #440633
    Elliott

    Hi cannan!

    It looks like your trying to align it with the phone number. Add this to your custom CSS.

    .custom-number .av_font_icon {
  position: relative;
  top: -5px !important;
}

    Regards,
    Elliott

    May 6, 2015 at 8:49 pm #440640
    brooks
    This reply has been marked as private.
    May 7, 2015 at 7:55 pm #441167
    Elliott

    Hi!

    Hmm, maybe this?

    #header_main { top: -20px; }

    You can change the header size in Dashboard > Enfold > Header. Other than that take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    May 7, 2015 at 9:04 pm #441234
    brooks
    This reply has been marked as private.
    May 8, 2015 at 7:21 am #441408
    Ismael

    Hey!

    Please provide a screenshot of the header layout that you want. Try to change the position property to absolute:

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

    Regards,
    Ismael

    May 8, 2015 at 6:44 pm #441726
    brooks
    This reply has been marked as private.
    May 11, 2015 at 1:19 pm #442419
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 669px) {
.phone-info {
  left: 40px !important;
  top: 0 !important;
}}

    Cheers!
    Yigit

    May 12, 2015 at 6:56 pm #443262
    brooks

    Thanks Yigit!

    Is there any way to stop displaying small bar above main menu?

    May 12, 2015 at 7:36 pm #443284
    Yigit

    Hey!

    If you are talking about WordPress bar, it would not be visible to your visitors.

    Regards,
    Yigit

    May 12, 2015 at 7:44 pm #443295
    brooks

    Hi

    No, im talking about the secondary menu bar (#header_meta) where the phone number and social icons can be displayed.

    Thanks for your help,
    Mike

    May 12, 2015 at 7:48 pm #443299
    Yigit

    Hi!

    Since it is set to transparent, it is currently not visible. If you remove it phone number will be deleted as well. You can add following code to Quick CSS to decrease the space from the top 

    #header_meta {
  margin-top: -10px;
}

    Regards,
    Yigit

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