-
Posts
-
Hello, I am adding a custom image to a website for the main menu header background with your theme and I am seeing it resized automatically without a way to stop it from cropping the image I am using. Is there a way I may disable this or correct it?
Hey Taliki2,
I’m not sure I understand what you are looking to achieve, could you try to explain a bit further or post a screenshots highlighting your intentions please?
Best regards,
RikardHi Rikard, please see the private original header image file link. The file is being cropped instead of showing the entire image and scaling it down to fit the screen. I show the file width is 1500px yet it loads at 1310px on my screen and the left and right get cut off. Is this a result of Avia, I saw that name mentioned (if i have it correct) in another support post while researching this.
The height of the header area is set to a custom 200px to match the original file. Maybe this is not the best way to do it? Using the large or slim “Header Size” setting causes the same issue plus the main navigation menu does not align under the header background image correctly, it overlaps the header background image. I need the menu below it so it remains visible.
Hopefully that helps.
Hi,
Thanks for the clarification and screenshot. When using background images then some loss of image data is inevitable. Like in your example; the header height is 200 pixels, and the image height is 185 pixels. It would be impossible for the image to cover the container element with out expanding the image so to say. I would advice that you try with a larger image, or try to use the background of the image as the background, then move the text out as a separate image. Otherwise you will have problems on smaller screens, as you can see is already the case on your site.
Best regards,
Rikard
- You must be logged in to reply to this topic.