Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #227827

    Hi there,

    On my website:
    http://flatev.com.s180084.gridserver.com/

    I got some issues with the header. I’d like the header to always be a certain height and turn off the scaling entirely. It should still be fixed when scrolling however.

    Also how would I make it completely transparent instead of white background? In the styling panel I can only choose colors.

    Thanks a bunch for your help.

    cheers,
    Sandro

    #228016

    Hi sandromeyer!

    I can’t seem to access the website. What type of header do you have right now? Assuming that you have a Small Fixed Header, you can add this on Quick CSS to create a transparent header:

    .fixed_header #main {
    padding-top: 0;
    }
    
    .header_color .header_bg, #header_main {
    background-color: transparent !important;
    border: none;
    }
    
    .header_color div {
    border: none;
    }

    Edit js > avia.js to remove the header resize, find this code on line 21:

    // decreases header size when user scrolls down
            avia_header_size();

    Replace it with:

    // decreases header size when user scrolls down
            //avia_header_size();

    For further customization, please visit Werkpress.

    Cheers!
    Ismael

    #228631

    Thank you for your answer Ismael.
    Here you can see our website:
    http://flatev.com.s180084.gridserver.com/

    Your suggestions work perfectly. One further question however:

    – How do I control the height of the top menu? It is too high right now!

    thank you so much,
    Sandro

    #228635

    Hey Sandro!

    Use this code:

    
    #header_main .container, .main_menu ul:first-child > li > a {
    height: 80px  !important;
    line-height: 80px  !important;
    }
    
    html.fixed_header #main {
    padding-top: 80px;
    }
    

    Cheers!
    Josue

    #228638

    Doesn’t change anything if I put into the Custom.css (enfold –> styling options)
    The CSS file already contains:

    .fixed_header #main {
    padding-top: 0;
    }
    
    .header_color .header_bg, #header_main {
    background-color: white !important;
    border: none;
    }
    
    .header_color div {
    border: none;
    }

    What am I doing wrong?

    #228643

    Hey!

    I see it here:
    http://flatev.com.s180084.gridserver.com/wp-content/themes/enfold/css/custom.css?ver=1

    But is set to 130px, try changing it to 80px.

    Best regards,
    Josue

    #228714

    perfect thank you. We are getting closer =)

    now how can I increase the padding on the bottom of the logo?

    #228813

    There is no actual padding below the logo, one thing you can do is reduce the logo size or increase the menu height (with the code i provided earlier).

    You could also try pushing the logo top:

    .logo img {
        position: relative;
        top: -5px;
    }

    Cheers!
    Josue

    #228814

    There is no actual padding below the logo, one thing you can do is reduce the logo size or increase the menu height (with the code i provided earlier).

    You could also try pushing the logo top:

    .logo img {
        position: relative;
        top: -5px;
    }

    Cheers!
    Josue

    #229320

    worked. thank you!

    #229326

    You are welcome, glad we could help :)

    Regards,
    
Josue

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

You must be logged in to reply to this topic.