I really like JA Impact and so does my client, but I am having a problem with the size of the image in the Masthead position on all the secondary pages. The image is 1920x580, but when I put it in place, it cuts off the bottom and top of the image, it is centered, but the size needs to change to encompass the entire image.
I'm attaching a screenshot and the original image. Can you please provide me with the CSS that would fix this problem?
Thank you!
Pat
and here is the image at full size:
Hi patvandenbosche,
You can change the height of the masthead section with the following CSS code I have helped you add this code to the Tools > Custom CSS.
@media (min-width: 1200px) {
.ja-masthead .ja-masthead-detail {
padding: 16rem 0;
}
}Perfect! Thank you!
What will happen if I stick in a smaller or larger image in the Masthead module location? Will it adjust to the size of the image?
Hi patvandenbosche,
The CSS code can not adjust to the size of the image when you use the smaller or larger image. This code will fit with the image height 580px
So where would I change the height on the image if I had a larger or smaller image my client wants to use.
Hi patvandenbosche,
In this case, you can use the CSS code that I provided in the previous answer.
Thank you, Dominic. I've used your CSS and am getting what I need on the site.