Wexley template-How to center my content on my pages while my logo is align on the left and my navigation menu is align on the right?

Hello Everyone 🙂

I design my website on wexley.

I would like to know  how to center my content on my pages while my logo is align on the left and my navigation menu is align on the right?

Perhaps add a custom code? But where and how?

Thanks you very much

Aldric

Hi,

Can you share your site url? We can check this problem easier

Hello Tuanphan,

Please find below my website : http://www.aldrictrouabal.com

Thank you very much

Aldric

On 11/8/2023 at 9:22 PM, aldric said:

Hello Tuanphan,

Please find below my website : http://www.aldrictrouabal.com

Thank you very much

Aldric

You can add this code to Website > Page > Website Tools (under Not Linked) > Custom CSS

/* center page content */
section#page {
    margin-left: auto;
    margin-right: auto;
}

It's works!

Thanks you very much Tuanphan!

Hello Tuanphan,

I have another question.

I'd like to put two videos next to each other, but when I do this, the size of the two videos shrinks. I would like to conserv the original size of the videos.

You can check the video at this URL : http://www.aldrictrouabal.com/all-sun

Thanks you,

Aldric

On 11/17/2023 at 11:24 PM, aldric said:

Hello Tuanphan,

I have another question.

I'd like to put two videos next to each other, but when I do this, the size of the two videos shrinks. I would like to conserv the original size of the videos.

You can check the video at this URL : http://www.aldrictrouabal.com/all-sun

Thanks you,

Aldric

You try adding side by side, then we can try code to increase size

Thank you Tuanphan 🙂

What code can I use to increase size?

Thanks you🙏

On 11/20/2023 at 5:37 PM, aldric said:

Thank you Tuanphan 🙂

What code can I use to increase size?

Thanks you🙏

I see all items already same size now. Did you figure it out?

https://www.aldrictrouabal.com/all-sun

Hello Tuanphan,

Yes I figure it out 🙂

A friend help me with this css below :

/* VIDEO PLAYER FULL WIDTH */
.video-player .plyr {
  position: unset !important;
}
.sqs-native-video .native-video-player {
  padding-top: unset !important;
}

Cheers