Header with logo

natestump

Just bought the theme. Looking how to adjust my logo size. My website is hidden from public with a maintenance mode graphic. Should I send you admin login?

natestump

Also is there any way to remove the background 

Albert

Hey,

to remove background from header please use below css:

body:not(.template-slider) #Header { background-image: none; }

But to make logo visible out of this white menu section, please use below code:

#Top_bar .top_bar_left {
        height: 90px;
}
#Top_bar #logo {
        height: auto;
        line-height: inherit;
        position: absolute;
    top: 0;
        left: 0;
        background: #fff;
}
#Top_bar .menu_wrapper {
        margin-left: 380px;
}

@media only screen and (max-width: 767px) 
{
        #Top_bar .top_bar_left {
                height: auto !important;
        }
}

Each custom CSS should be stored in Theme options > Layout > Custom CSS section because this is stored in database and you won`t lose them after theme update in the future.

If this code for logo is not what you need, then please make make a screenshot of current look and tell us how you would like to see it and we`ll find something for you

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

natestump

Great to both, but is there a way for the header background to be white. When I tried to setup the color for white or blue it shows up differently.

Albert

To make subheader background white, you need to use below css:

body:not(.template-slider) #Header { background-image: none; }
#Header { background-color: #FFF; }

Hope this will help a lot.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

natestump

Great, and just incase what if you want to add your own image? Thanks for your help again! 

Albert

If you want to upload own image as header background, you need to use "Featured image" option while you create/edit page.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

marcofloriano

Thanks for the questions and answers! I was looking for that one too.

natestump

Where is the featured image option on the page?

Albert

@natestump When you edit/add page on the right side you got link "Set featured image" under "Page attributes" section.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next