-
AuthorPosts
-
May 18, 2016 at 6:43 pm #634711
I have a left menu and a color section in main content. I set a fixed background image full window height on that color section and I would like that image fit to the main content, (even if deformed). How to set that ? It looks impossible if image is fixed. If I set the image to scroll, it’s better, but I don’t want it to scroll..:(
It looks when I set to fixed that the image is stretched to the whole browser windows, without taking care of the left menu,..In fact, what I’d like is:
– left menu bar with always same width (currently width increases even window too large)
– background image in color section always displayed according to content widthA good setting seems ‘fixed image – lower right – scaled to fit’, but in that case the menu width increases if windows exceeds 1100px width. I would be almost satisfied if max menu width would stay at 300px ..
Thanks.
May 19, 2016 at 1:24 pm #635150Hey Luc,
Can you please post a screenshot and show the issue? Sidebar width is always 300px on my end when i check it on 15 inch laptop screen and 1920x1200px external screen :/
Best regards,
YigitMay 19, 2016 at 2:29 pm #635206Currently with ‘Scale to fit’ setting.
I want my menu stay always with 300px maxi (but smaller in responsive is good), so the picture should be ‘scaled to fit’ on the content part without changing the menu width.I don’t know how to include a screenshot inside that post, there is no way to attach a file. I have to say I really don’t like your forum, always spending a lot of time to post a single question, and waiting more than 30 hours to get answer .. I have decided to use only Enfold for all my websites, I buy a new licence for each new dev (I’m currently working on 4 new web sites and I will buy a license for each one as soon as customer is ready to publish), but I may change since support is really to slow, forcing me to stop devlopment waiting for your answers ..
So please check http://quin.lccy.net and just increase windows width, then you’ll see menu bar width increases.
Here is a link to see a commented picture describing the problem -> http://finder.netoffice.fr/?f=l1_dW50aXRsZWQgZm9sZGVyL3NjcmVlbnNob3QucG5n
Thank you.
May 21, 2016 at 4:00 am #636112Hi,
Edit the color section then apply a unique Section ID to it. Use “custom-section” for example then add this in the Quick CSS field:
#custom-section { background-size: 100% 100% !important; }
Note that this code may distort the background image on certain screen sizes. You can also try the value “cover”. http://www.w3schools.com/cssref/css3_pr_background-size.asp
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.