« See all FAQs for Fuji - Clean Responsive WordPress Theme

How can I change the height of the header image (static image mode)?

Since Fuji is a responsive theme, both the width and the height of the header image needed to be fixed in order to show correctly on different devices, including smartphones and tablets (try resizing the browser to see what I mean) – so they cannot be changed from the theme admin. However, the height of the header image can still be changed by implementing a simple change in the code: I’d need to go to “Appearance – Editor” menu, click on the “lessframework.css” file from the right list (one of the bottom-most entries), and add these lines of code into the textarea, below everything else:

@media only screen and (min-width: 1020px) { #header-image, #header-image img { height: 330px !important; } } @media only screen and (max-width: 1020px) and (min-width: 767px) { #header-image, #header-image img { height: 242px !important; } } @media only screen and (max-width: 767px) and (min-width: 480px) { #header-image, #header-image img { height: 150px !important; } } @media only screen and (max-width: 479px) { #header-image, #header-image img { height: 100px !important; } }

..and replace the numbers after the “height:” selectors with your desired parameters; then click “Save”.

by
by
by
by
by
by