Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1402797


    I’m having an issue where I’ve made the top bar larger, using CSS provided in this Forum in other places, and also increased the font size and centered the text. So now the top bar looks great, but it appears to be stealing the extra space from the logo header area and cutting off whatever is beneath the header, which appears to be up and behind the header. See screenshot:

    You can see on all pages that whatever is under header area is coming up underneath it, either the slider on the home page or the title bar is getting cut off if there is one, whateverr is right underneath the header. Here’s a page with a title bar: – and

    Her’es the CSS I’ve used:

    /*STYLE TOP BAR */
    #header_meta {
    min-height: 60px;

    #header_meta .phone-info {
    line-height:47px; font-size: 18px


    #top #header_meta .phone-info {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);}

    I have a coming soon page up so will provide credentials. Site home page is here:


    Hey Eleina,

    Thank you for the inquiry.

    Have you tried applying a margin above the header? We may need to inspect the site in order to provide the appropriate modifications. Please provide the login details in the private field.

    Best regards,


    Hi Ismael,

    Thanks for getting back to me; I couldn’t figure out how to modify the CSS to prevent this from happening, so I’ve left login credentials in the private content box below.



    Thank you for the update.

    We added the following code in the Quick CSS field to move the main container further downwards. We also disabled the file compression settings temporarily. You can enable it back after the doing modifications.

    .html_header_top.html_header_topbar_active.html_header_sticky #top #main {
        padding-top: 149px;

    Best regards,


    Thank you so much, I will take note of this for the future. Have a wonderful day!



    Hi Eleina_Shinn,

    I’m glad that Ismael could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Larger Top Bar taking space from Header Logo Agrea’ is closed to new replies.