Increase logo size

RobertHelle

Hi.

I would like a bigger logo on the top left of the site. However the size is not changing even if I upload a bigger logo. I suspect this is because the width of the top bar is set to a maximum. Do you have a solution here?

Thank you.

site: http://artistformidling.no

Regards
Robert Helle

Albert

Hi,

to increase logo size, please use below css:

#Top_bar #logo { height: 200px !important; }

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

RobertHelle

Thanks a lot. How can I also increase the size of the sticky header? I imported the BeJet theme, and there are some css that got imported. I do not know what all the css does, and will be carefull by importing themes in the future, maybe there is some code there controlling the sticky header in some way.

Thanks again.

Albert

How you want to increase this header? In height?

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

RobertHelle

Yes in height. Same as on the main logo.

Albert

Sure. So to increase height of sticky header, please use below css code:

#Top_bar.is-sticky { height: 100px !important; }
#Top_bar.is-sticky #logo img {
    max-height: 120px;
}
#Top_bar.is-sticky .menu_wrapper {
    margin-top: 30px !important;
}

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

RobertHelle

Thank you Muffin Group!

Albert

You're welcome

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