Full width content

This topic has 21 replies, 4 voices, and was last updated 4 years, 4 months ago by Artem Temos.

Viewing 22 posts - 1 through 22 (of 22 total)

Author

Posts
May 30, 2019 at 9:34 am #126434

tom
Participant

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

May 30, 2019 at 10:55 am #126449

Elise Noromit
Member

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

June 5, 2019 at 6:57 pm #127302

tom
Participant

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.

June 6, 2019 at 7:03 am #127318

Elise Noromit
Member

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

July 23, 2020 at 12:42 pm #213509

Stephaniedsr
Participant

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.

July 23, 2020 at 8:43 pm #213634

Elise Noromit
Member

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

July 24, 2020 at 9:20 am #213771

Stephaniedsr
Participant

Hi,

Ok, you can test if you can make it right

You can find the acces in the private content below.

July 24, 2020 at 3:19 pm #213948

Elise Noromit
Member

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

July 27, 2020 at 11:36 am #214538

Stephaniedsr
Participant

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?

July 27, 2020 at 3:11 pm #214621

Elise Noromit
Member

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

July 28, 2020 at 6:40 am #214751

Stephaniedsr
Participant

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.

July 28, 2020 at 9:25 am #214793

Elise Noromit
Member

Hello,

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

Best Regards

July 28, 2020 at 1:26 pm #214884

Stephaniedsr
Participant

See private content

July 28, 2020 at 2:44 pm #214904
Artem Temos
Keymaster
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 );
```
July 29, 2020 at 1:40 pm #215135

Stephaniedsr
Participant

Hi

it doesn’t works

Attachments:
You must be logged in to view attached files.

July 29, 2020 at 1:42 pm #215137

Artem Temos
Keymaster

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

July 30, 2020 at 6:42 am #215302

Stephaniedsr
Participant

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.

July 30, 2020 at 6:44 am #215304

Artem Temos
Keymaster

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

July 30, 2020 at 6:46 am #215306

Stephaniedsr
Participant

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.

July 30, 2020 at 10:51 am #215310

Artem Temos
Keymaster

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.

July 30, 2020 at 11:55 am #215387

Stephaniedsr
Participant

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.

July 30, 2020 at 1:24 pm #215424

Artem Temos
Keymaster

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

Posts