Header image height

Hi Isabella,

You need to edit krystal-main.js file for this which is located in (theme root folder/js) ie krystalpro/js
Open this file in any text editor and find line number 117 which is height: ‘50%’. Change this to 30%. Again on line number 127 change minHeight to 300px. You can change those numbers to get the required height.

VIEW SCREENSHOT

Best Regards

Ok thank you, but this did not work. Already I had this set to 30% and 300 and wound up having to adjust the following under additional css:

#parallax-bg #slider-inner {
height: 50vh;
}

.slide-bg-section {
height: calc(50vh – 5px);
}

I am wondering, if this is what I ought to be doing? Upon removing this code, the image became huge. Also, what size image should I be starting with in pixels?

Hi Isabelle,

It seems like your CSS is not working. Also, I am unable to find the parallax CSS on inspecting the HTML (It is for the static background image and not for slider images).

VIEW SCREENSHOT

You can start with 1600px X 900px image dimensions for slider backgrounds

Best Regards