Skip to main content
Resize Header Image

How to resize an image in the header

Support Team avatar
Written by Support Team
Updated yesterday

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?