Increase logo size

RobertHelle · October 2015

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 · October 2015

Hi,

to increase logo size, please use below css:

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

RobertHelle · October 2015

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 · October 2015

How you want to increase this header? In height?

RobertHelle · October 2015

Yes in height. Same as on the main logo.

Albert · October 2015

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;
}

RobertHelle · October 2015

Thank you Muffin Group!

Albert · October 2015

You're welcome

Increase logo size

Comments