Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 28, 2014 at 10:36 pm #257342
    mspiro

    Hi,
    I’m trying to add more items to my top header (“make a difference” button and a school calendar). How can I edit it so the grey bar there is wider and fits those items on it?
    The site is on maintenance mode so to view it please log in.
    Thank you so much,
    Sarah

    **logins removed**

    • This topic was modified 10 years, 7 months ago by Yigit.
    April 29, 2014 at 12:28 am #257378
    aribann
    This reply has been marked as private.
    April 29, 2014 at 2:48 pm #257667
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #header_meta { min-height: 100px; }

    P.S.: When you need to post your login credentials, please post them privately. You can check ” Set as private reply (Only you and moderators will see the content of this post)” on your second post

    @aribann     thanks!

    Regards,
    Yigit

    April 29, 2014 at 5:18 pm #257736
    mspiro

    Thank you. That kind of helped but I would like them to all line up next to each other but for some reason they are stacking on top and then underneath. How can I enlarge that space horizontally so that the phone number and two graphics line up all side by side?

    April 29, 2014 at 10:22 pm #257933
    Josue

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    April 30, 2014 at 5:03 am #258104
    mspiro
    This reply has been marked as private.
    April 30, 2014 at 3:41 pm #258295
    Ismael

    Hi!

    Thank you for the login details but it is not working. Please check. Thanks!

    Best regards,
    Ismael

    April 30, 2014 at 5:23 pm #258330
    mspiro
    This reply has been marked as private.
    May 1, 2014 at 4:03 pm #258919
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .phone-info h4 { float: left; }
.social_header .phone-info { width: 100%; }
.sub_menu { width: 45%; }
.phone-info a { margin-left: 15px; }

    Cheers!
    Yigit

    May 1, 2014 at 7:10 pm #259011
    mspiro

    Thank you so much
    It’s looking almost perfect I just cant figure out how to get the phone number, button and calendar icon to all be center aligned?
    can you help?

    May 2, 2014 at 4:42 am #259179
    Ismael

    Hey!

    Glad it is working.

    Please add this one:

    div.phone-info a img {
margin-top: -5px;
}

div.phone-info h4 + a {
position: relative;
top: -8px;
}

    Best regards,
    Ismael

    May 2, 2014 at 5:10 pm #259495
    mspiro

    Thank you so much for all your help. I really appreciate it.
    Looks great!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Edit css for top header’ is closed to new replies.