The actual page in questions is at: https://hdri.org When filling out this support question I was prompted for the website page so I thought you would have the proper context for this already.
Issue 1: How to set the color for the space above the menu?
In the section of the Fleming Lite web page above the menu, this section of the web page does not inherit the color scheme (Appearance, Customize, ‘Site Background’, ‘Background color’) of the rest of the page. I can find no controls needed to set the default color which would fill the background in the space around the Logo image placed there at the top. The plain white background makes it look very unprofessional.
Issue 2: How do you install an image that fills all the space above the menu?
The image that is placed at the top of the page (Appearance, Customize, ‘Site Identity’, ‘Site Logo’) above the menu, does not completely fill the space, thus it is leaving this stark white background exposed, as mentioned above in issue 1. Its a shame to have all that empty space with a bright white background which wold be otherwise useful for something, like a wider image or Title text.
In fact, the ‘Change Logo’ setting suggests using only a 300×80 pixel image which is absolutely tiny compared to the width of the space available. There appears to be no controls that would be required to specify how the image could be dynamically managed within that space (e.g. stretched or shrunk ) to properly occupy this space according to the width of the users browser window, so as a consequence there will always be a lot of white visible at the top of the screen. Other than setting the default for the entire website to a plain stark white background I don’t see a way around this. Having no logo at all would at least minimize the amount of white seen at the top of the page.
I realize that there are three different views (desktop, tablet, mobile) that can change how the page is delivered/rendered, but within the desktop view itself there is a lot of variance in the width of the actual browser window, and the image does not even span this entire distance across the top. Is there any way to get this image width to be better managed to fit this space as to minimize the white background around this image? If not, can the image be moved to the left, change the background color, and have some Title text next to the logo image on the right? There is so much wasted space up top.
In trying to fit this image more dynamically I added the ImageMagick Engine plugin to try and accomplish this, witch appears to have just shrunk the image. Are there any controls for this, or is it a one-size-fits-all situation where I need to just choose the static smallest size (300×80) that is smaller than the smallest browser window that will ever visit the website?
