Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #675870

    Hi,

    First of all, excellent work with the theme. I worked with a lot of themes but this is the best, by far!

    I have a problem now, there is a glassy header on my website but when I make the website fullscreen it get’s a 100% white bar above. I don’t know what caused this. This is my custom css but I don’t see anything off there?

    .iconbox_content {
    min-height: 250px;
    }
    #top .logo, #top .logo a{
    display:block;
    height:140px;
    width:500px;
    position:absolute;
    left:20px;
    top:6px;
    border: none;
    padding: 0;
    margin:0;
    z-index: 10;
    }
    .header-scrolled .logo img {
    height: 30px;
    margin-top: -1px;
    }
    
    .av-tt-hotspot, .av-tt-hotspot .avia-arrow {
        background-color: #35a4dd!important;
        color: white!important;
    }
    
    #top .av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(255,255,255,0.6);
    }
    
    .av_header_transparency .av-main-nav > li > a > .avia-menu-text,.av_header_transparency .sub_menu>ul>li>a {
      color: #195d84!important;
    }
    

    Thanks a lot!

    #676226

    Hey mirr,

    It looks fine on my end once the CSS is loaded, could you post a screenshot highlighting the issue please?

    Regards,
    Rikard

    #676281

    Hi Rikard,

    Thanks for your answer! Here’s the screenshot, as you can see there is a white non transparant above the menu. This should be transparant until the user scrolls down.

    white

    #676310

    Hi,

    I believe it’s got something to do with the colorsection or the background image but we need to take a closer look at the backend setup Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    #676317

    Posted the info, thanks!

    #676331

    Hi,

    The background image was set as no repeat in this case it will show the background image as is which means if it’s height or width is less than the browser height there will be gaps. I have changed this to scale to fit so it looks nice like you wanted :)

    Let us know if you have any questions.

    Best regards,
    Vinay

    #676333

    Allright that was super dumb, thank you very much for the great support!

    #676772

    Hi,

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

    Best regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to remove white space above transparant header’ is closed to new replies.