Full width content

Hello
Would you like to inform me if i can have in my site full width layout and some elements be in a content full width mmode?

thanks in advance

Hello,

You can set the width of the site in the Theme Settings > General Layout >
Site width set the width from the drop-down.

In addition, you can stretch the row/section without the paddings.

Best Regards

Sorry but you didnt understand me.
I have a site in a Full width format.
In this format the elements that i try to add are also in Full width BUT i need
to put them like content full width without change the main site width.

So i would like to put a full content width in a full width site.
For example in the iage that i send you..

Make the element “product categories” full width content and cover all the horiz screen.

Thanks in advance for your support

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to the Theme Setting > Footer > choose one column layout.

Create HTML block and set the row full width without paddings as per your needs, create the template inside.

Finally add the HTML widget in Appearance > Widgets > Footer column

Best Regards

Hi,

I have a problem with Site Full Width. It does’nt works :
I stretch my first section with elementor. But when I do it like this when you go on the website, it crops my 1st section a few seconds and then it stretch my section.

So I read that we have to do it with [XTemos] Layout: Stretch section CSS, but when I activate it, my sections are not in full width.

You can visualise on my website when I do it With elementor stretch section
and in attachment when i do it with “[XTemos] Layout: Stretch section CSS”

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Try to Stretch the content full-width. If you have the problem, please provide the site admin access to the private area.

Best Regards

Hi,

Ok, you can test if you can make it right

You can find the acces in the private content below.

Hello,

Now you have set “Full width” https://prnt.sc/tny7lp and your shop page looks like this: https://prnt.sc/tny7lp

Now I set “Content Full-width” https://prnt.sc/tny8sz and shop looks like https://prnt.sc/tny920

Please advise if it is what you need.

Best Regards

Hi,

I try both but you don’t understand what i mean,

when you go on the website: https://urbi.impsos.be

the first seconds (lazy load), on your left and right side it gives a white border.

Can I send you a video screen shot to show you?

Hello,

1. Please navigate to the Theme Settings > General and enable Elementor https://prnt.sc/tpcmcw

2. Elementor full-width works on Javascript and this is the way it is loaded, the theme cannot influence that if you still want to upload simultaneously, you need to disable this option https://prnt.sc/tpcmlg

3. Then enable the theme Full-width as shown https://prnt.sc/tpcmss

Best Regards

Hi Elise,

Thanks

If you go now on the site, it’s better, but the first seconds it makes a mini zoom on the section and then came back to the normal.

Hello,

Yes, this is the way it works. We cannot change that.

Best Regards

See private content

Sorry, we were talking about different things.
Try to add the following PHP code snippet to the child theme functions.php file to fix this

function woodmart_enqueue_device() {
	wp_dequeue_script( 'woodmart-device' );
	wp_enqueue_script( 'woodmart-device-2', woodmart_get_script_url( 'device' ), array( 'jquery' ), woodmart_get_theme_info( 'Version' ), false );
}
add_action( 'wp_enqueue_scripts', 'woodmart_enqueue_device', 10020 );

Hi

it doesn’t works

Attachments:

You must be logged in to view attached files.

We don’t see any content jump or zoom effect at the moment https://gyazo.com/4dcdc256e8726ddb18ad3bc1d5cea951

Hi

Oh, i thought you spoke about the grey content/section before and after footer.

See attachment

Greating,

Attachments:

You must be logged in to view attached files.

It seems to work correctly in the footer also https://gyazo.com/5feb89e81aa1a1e77ca44af0f3a67827

I am not speaking about zoom, can you check what I wrote please? I’m speaking about the grey section before and after my custom footer. Open my attachment please and look my yellow arrows.

But it is your website background. You have uploaded an image to some section but it doesn’t fit all the space. You have space before the footer and a separate place for the copyrights area.
You can put margin-top -40px to compensate the top space and disable the copyright area.

Oh yeah i’m novice, sorry

thanks, which code can I put to desable the grey section under my footer?

Attachments:

You must be logged in to view attached files.

We see that you have already removed the image from the footer.

[Author]

Posts