Skip to main content
Resize Header Image

How to resize an image in the header

Support Team avatar
Written by Support Team
Updated over a month ago

Go to "My WEBKiosks".

Then click on "Tasks" -> "Edit Design".

Go to "MY CSS Styles".

Click on "Tasks" -> "Edit".

Scroll down to the bottom and insert the code (see below) into the CSS.

Adjust max-width and max-height:

Code to insert:

#Header .image_widget {
padding: 0px;
border: none;
}
#Header .image_widget img {
float: left;
width: 100%;
height: 100%;
margin: 0 auto;
max-width: 100px !important;
max-height: 50px !important;
}

Done!

If the size has not been adjusted yet, there is one thing to check.

Edit the following row:

Make sure that the "Area" is set to "Header".

Did this answer your question?