Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #390842

    Hi, I am having a few issues that I can’t figure out and hope you can assist

    1. We are trying to make the header completely opaque, but are not having any luck. I’ve used the .header-scrolled .header_bg { opacity: 1 !important; } fix, but when the page is scrolled up, the header text appears above the menu and logo.

    2. We are having 2 issues with the layout (a) using three 1/3 columns with a medium image in each, the image shows smaller than the other two. (b) after that we have a full width section that looks fine on other pages (it’s part of the template) but on this page it is displaying completely wrong.

    Will put credentials in private to you.

    Thanks,
    Janet

    #391344

    Hey janetgot!

    Thank you for using Enfold.

    1.) Use this to fix the header:

    .html_header_top.html_header_sticky #header {
    position: fixed;
    z-index: 10000;
    }

    2.) You have this code on the style.css file which affects the image on the 3rd column:

    .avia-builder-el-14, .avia-builder-el-15, .avia-builder-el-17, .avia-builder-el-18 {
    width: 200px;
    font-size: 110%;
    }

    If you want to modify specific elements on the theme, enable the custom css class on the advance layout builder: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

    #391737

    Perfect, thank you Ismael!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Issues with transparent header and layout builder’ is closed to new replies.