Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #257342

    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, 5 months ago by Yigit.
    #257378
    This reply has been marked as private.
    #257667

    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

    #257736

    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?

    #257933

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    #258104
    This reply has been marked as private.
    #258295

    Hi!

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

    Best regards,
    Ismael

    #258330
    This reply has been marked as private.
    #258919

    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

    #259011

    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?

    #259179

    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

    #259495

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

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