Hi,

The “white bar covering the logo” is actually the background color of the mobile menu. You can try removing the background of the menu, and adding background to the menu items instead.

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

#mobile-advanced {background:none !important;}
#mobile-advanced li {background:#ffffff !important;}

Please let us know if you need further help.

Best regards,
Sarah

We’re glad that you were able to solve the problem. :) If you need help with anything else, please let us know!

Thank you for using Enfold.

Cheers!
Sarah

Hi,

Ah, I see! Please try this code instead:

#header .social_bookmarks a {color:white !important;}
#header .social_bookmarks a:hover {color:green !important; background:none !important;}

Best regards,
Sarah

You’re welcome! If you have any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

We’d also appreciate it you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

Thank you for using Enfold.

Cheers!
Sarah

Hey micropoleinstitut,

It depends on how your header is currently set up. Would you mind providing a precise link to your site so we can take a look?
Best regards,
Sarah

Hi,

You can upload images in imgur.com, Google Drive, Dropbox, or similar photo sharing websites. When you have uploaded your screenshots, please share the link in this thread so we can see it.

I hope that helps!
Best regards,
Sarah

Hi,

Have you tried replacing transform: scale(1) with transform: rotate(45deg) instead?

If I understood correctly, that should fix it! :) The code then becomes like this:

.avia_transform .page-id-192  .av_font_icon,
.avia_transform .page-id-192 .avia_start_delayed_animation.av_font_icon {
    opacity: 1 !important;
    -moz-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: rotate(45deg) !important;
    -webkit-animation: none;
    -moz-animation: none;
    -msanimation: none;
    animation: none;
}

Please let me know if that’s what you were trying to do, or if I understood wrong!

Best regards,
Sarah

Hi! We’re glad that you were able to sort this out quickly. Please let us know if you need help with anything else. 

Cheers!
Sarah

Hey b1000,

Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Sarah

Hi,

We’re glad that Jordan was able to help you!

For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads 

For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

Thank you for using Enfold.
Cheers!
Sarah

Hey Dirk,

It seems like there is a custom separator/horizontal rule added right under your special heading. If you remove that horizontal rule, the underline is also removed. :) If you need further help, please provide us with admin access into your website and we can try to remove it for you.
Best regards,
Sarah

Hey Munford,

Yes you should be able to turn the sidebar on and off for specific pages only. You can use this code as basis:

@media only screen and (min-width: 720px) {
  .page-id-370 .sidebar {display:none !important;}
}

Just change the page ID as needed, and also the width you prefer.

For more info on media queries, please see this reference: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

I’m afraid we can’t see your website while it’s on construction mode. Can you also provide login credentials please?

Best regards,
Sarah

Hey helenwhite,

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

.html_elegant-blog .avia-content-slider .read-more-link {
    position: relative;
    top: 18px;
    padding-bottom: 10px;
}

This should also be included in newer versions.

Best regards,
Sarah

Hi!

When I check the news page, this is what I see:

View post on imgur.com

Would you know what’s causing this banner?

Best regards,
Sarah

Hi Horst-Michael,

Please let us know when you need more help. Have a nice day!

Best regards,
Sarah