Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #1143616

    Hi Guys
    The small bar above main menu is not showing content at first when viewed on a small screen. It only shows when scrolling down.
    It looks perfect with Google Chrome on a desktop but there is also an issue when viewing in Microsoft Edge. Here the transparent background disappears when scrolling down.

    Hope you can help me with these 2 issues.


    Hey Rasmus,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,



    Please remove and add the credentials to the private area so only admins can see it. I will delete your previous message for privacy.

    Best regards,
    Jordan Shannon

    This reply has been marked as private.


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

    @media only screen and (max-width: 768px) {
    .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a {
        color: white;

    Best regards,


    Thank you – it works :-)

    What about Microsoft Edge? Here the transparent background of the small bar above main menu disappears when scrolling down. Can you help with that or do we just ignore Edge nowadays?



    You are welcome!

    There is no stable macOS version of Edge as far as i know so I will ask my teammates to check Edge issue :)

    Best regards,



    This css code should bring the background color back on scroll.

    #top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul {
        background-color: rgba(0, 0, 0, 0.8);

    Please don’t forget to toggle the Performance > File Compressions settings after adding the code.

    Best regards,


    Thank you…

    Something else:
    How do I make the footer submenu stay on top of copyright text?



    Please add following code to Quick CSS as well

    #socket .container {
        display: flex;
        flex-flow: column;
    .copyright {
        order: 3;

    Best regards,


    Thank you guys for your excellent support – it really helps a lot of us creating beautiful and functional sites :-)

    I just realized that my header and bar above main menu is not working according to the above mentioned changes on a TABLET. It looks great on a desktop and on a smartphone – but not on iPad. Can you help out with more great tricks?

    Also, how do I make the Caption in Fullwidth Easy Slider responsive? Again on an iPad, it’s not showing completely.

    Thanks for helping out…

    This reply has been marked as private.


    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Small bar above Main menu’ is closed to new replies.