Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #752738

    hi, I like to give the menu header in all pages the same transparent background. The transparency being part of the main content. How can I do that.? and if possible on all pages. ( Now when I scroll down the main menu disappears and I get a complete white background behind the menu).
    Second option is to have a gradient transparent back ground behind the menu on all pages.#881B30.
    Thanks in advance, Jan



    Sorry for the late reply!
    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .header_color .header_bg {
        background: rgba(136,27,48,0.7);

    If that does not help, please post a screenshot and show the changes you would like to make. You can upload your screenshots on or Dropbox public folder and post the links here

    Best regards,


    Good day,

    In post the header is covering the title of the post. How can I solve that problem.
    Thanks, Jan



    Add this to quick css:

    .content.av-content-small.alpha.units, .sidebar{

    Best regards,
    Jordan Shannon


    hi Jordan, thanks for the fast reply regretfully it looks still the same. On the blog page I have also a heading which I do not see in the blog post page. Please have a look. Thanks, Jan



    Best regards,


    Hi Victoria, Thanks, I cleared cache already. Still the same.
    Yes, I need to change the heading that does not look good, am working on it.
    On the blog, when go to pages and edit blog page I put a heading in that part, am not sure that is correct. After that when I publish a post I do not see this heading and neither see the post header.



    Hi dewitonline,

    Can you attach a few screenshots of what you see and what it is supposed to look like? You can upload screenshots to a service like and post the links here.

    Best regards,


    I found this solution and that solved the problem. It was in one of the topics.
    .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a{
    background-color:transparent !important;

    Thanks so much for your assistance,



    Glad it’s sorted for you :) Thank you for sharing the tip here it will also help others.

    We will close this ticket as the issue is resolved for you.

    Thank you for using Enfold.

    Best regards,

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

The topic ‘Header’ is closed to new replies.