How to Increase Theme Logo Size

This document has been confirmed to work for:


Parallax One

Llorix Lite


Before using this snippet we need to make sure your changes won't be lost when you update the theme.

If you plan on doing a lot of changes on the theme then we encourage you to create a child theme and add the following snippet to your style.css:  How to create a child theme

If you just need this little change then you could use our CSS plugin:  CSS Plugin, add the following snippet to the "Global" section in Appearance->Customize->Advanced CSS Editor:

.navbar-brand {
    height: 100px !important;

Change the height value as required, this will increase the height of the menu, to increase the actual logo size please use this snippet:

.navbar-brand > a > img{
max-height: 100px !important;

If the above snippet does not work then use this instead:

.navbar-brand > img{ 
max-height: 100px !important; 

Change the max-height value as required.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.