Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #967857

    I am able to hide the Extra Elements header with this CSS but it screws up the mega menu. Can you help me make this work?

    .page-id-XXXX #header_meta {
        display: none !important;
    }
    #967964

    Hey Andrew,

    Thank you for writing to us.

    Please remove the code you have inserted and let us know what exactly you want to hide on the homepage so we can assist you better :)

    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

    #968129

    It’s the code that hides the additional items, and I’m trying to hide the entire top bar with the additional items – the “Call us today – 800…” text and the social icons.

    Here’s the code I removed:

    .page-id-5474 #header_meta {
    display: none !important;
    }

    #968137

    Hi,
    Thank you for removing the code. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* CSS - Hide topbar on homepage*/
    
    .home #header #header_meta {
        display:none;
    }
    
    /* End CSS */
    
    

    Best regards,
    Vinay

    #968174

    No. That doesn’t work. More below.

    #970413

    Are you going to be able to take care of this?

    #970447

    Hi abmich,

    I don’t see the top bar. Did you get it working for you?

    Best regards,
    Victoria

    #971310

    No. The code above is in the Custom CSS but it’s causing the Mega Menu to be super narrow.

    See screenshot.

    #971993

    Hi,

    Thanks for the update. The above css code should have not affected the mega menu. I don’t see the extra header in the page now. Is this fixed?

    Best regards,
    Ismael

    #972386

    Sorry that I’m not being clear. The fix I found on your site removes the top extra items but it also messes up the display of the Mega Menu.

    I removed the code that was hiding the header.
    .home #header #header_meta {
    display:none;
    }

    Please add code to hide the header and when you’ve done it, check the “Rentals” tab to see if it displays correctly. Thank you!

    #972599

    Hi,

    Thanks for the info.

    I can reproduce the issue when I add that css code. Please upgrade the theme from version 4.3.2 to version 4.4.1. The upgrade might fix the issue.

    Best regards,
    Ismael

    #972843

    OK I upgraded and added the code back in. It didn’t fix the issue.

    #974073

    Hi,

    Thank you for the update. We replaced the css code with the following.

    .home #header #header_meta {
        margin-top: -30px;
    }

    Best regards,
    Ismael

    #974288

    That’s the stuff – way to think outside the box!
    Thanks so much and have a great week!

    #974339

    Hi abmich,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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