Archived topic
Fullwidth issues
9 replies · Started by Antal on April 3, 2017
Hi,
Hope you can help me with a few questions :)
1) When I set an image fullwidth, on larger screens the image is not fullscreen. What can I do to fix this? (see screenshot @ https://jvoh2.blauwenacht.com/example/)
I have tried content width, and stretch section fit on the elementor settings but this did not fix it?
2) The background of this page is set on contain. https://jvoh2.blauwenacht.com/four/ But when viewed on mobile it does not look nice anymore. What can I do to get the background on contain on page height on mobile?
3) Is it possible to set the logo in the center of the menu, with the menu items left end right inline)
Thanks!
Hi Antal,
1) Has this been resolved? I checked on Two, Three Four in your menu item and all of them are full width?
If not then try checking Full Width in the Page Builder Container metabox.
2) Background images are not responsive by nature. You could try this CSS:
body.elementor-page-85 {
background-position: center center;
}If not then you might have to try something within Elementor.
3) This might help: https://docs.generatepress.com/article/centering-logo-navigation/
Let me know.
Hi Leo,
1) No, not resolved yet. Have you loaded the pages on a large screen? On a 27” imac it looks like this: https://jvoh2.blauwenacht.com/example/
2) Did not work, but I will try something different.
3) Thanks, will look into that!
1) It's about the resolution of your screen setting, not the size. This is what I see on my 46" TV:
https://s11.postimg.org/8jibqsk9v/2017-04-03_1420.png
Are you using a special setting on Mac?
Nothing special, I own a regular 2012 iMac 27", 2560x1440 pixels.
Can you scroll down a little (or press the button) on your 46" please?
Or, better.. please check this URL https://jvoh2.blauwenacht.com/four/
On this emulator http://www.infobyip.com/testwebsiteresolution.php
on resolution 2560x1440
Please scroll down, and watch the side of the image with the trees. It is not full width.
Thanks :)
Looks full width to me as well.
You can always force an image to be full width by adding width:100% to it: <img src="URL to image" style="width:100%;" />
However, doing so will make the image lose quality if it's stretched bigger than the original.
Your page using GP is set to 100%, while the inner contents are using Elementor. If there's some sort of resolution issue going on, it would most likely be something to do with the Elementor HTML elements.
I think I'm having a similar issues with my page: http://www.pmcareercoach.com/resources
I am using GeneratePress + Elementor Pro (both paid).
In the GP page settings, I set full width. In Elementor Pro, I divided the page into 3 columns (20%, 60%, 20%). Yet, the page I envisioned is contained in between two white bars. I want the edges to be the blue bars. Any ideas why this is happening?
Thanks in advance!
Any chance you can open a new topic for your question?
This one is quite old already.
Thanks!
Sounds good Leo. I think this may actually be an Elementor issue. I will try with their support first. Thanks!
Sounds good :)
