Layout working in Bricks preview but not on front-end when header is activated

1

Hi,

I have a page where my header is deactivated and the layout with the container element is working perfectly (http://carolinemartin-edu.ca/).

I designed a header for the rest of the website and when it’s activated on a page, the layout is not working on the front-end, even if everything is as it should in Bricks preview. As an example, I am just trying to put two texts side by side. It works on the preview

2021-06-16 16_49_35-test (Constructeur)
2021-06-16 16_49_35-test (Constructeur)1919×924 82.2 KB
(see attached screenshot) but not on the page (http://carolinemartin-edu.ca/education-aux-medias/test//).

Can you help me fix this as soon as possible? Thanks!

2

Hi @annelevesque

Welcome to our Bricks forum. We are happy to have you as a part of the community.

I examined the page you peovided us with and would like to ask you to confirm if this is the layout on the front end you are trying to accomplish as illustrated in the screencast below.

I modified the flex configuration for the container where these elements are child elements of via the developer console.

If this is indeed the layout you are trying to accomplish, please check and ensure that the container has the following flex options selected: Screenshot on 2021-06-16 at 22:53:06.png • Droplr

If it is already configured like this and the changes are not being reflecting on the front-end, this may be related to a caching issue. Try clearing any caching plugins you may have installed, try clearing the cache from the browser and also test the URL from an incognito window ) with another browser and/or a browser on another device.)

3

Hi @Zansus !

Thanks for your reply.

It is indeed the layout that I’m trying to acheive.

I checked an I had the same options as you provided in your screenshot.

I also cleared all caches, even from my hosting panel.

The problem seems to be with the header. When I deactivate the header on the pages settings, the layout works as it should, as you can see here: http://carolinemartin-edu.ca/education-aux-medias/test/

I don’t understand why this is happening and would really need a quick fix.

Thanks!

4

Hi @annelevesque,

May I ask you to kindly send us a support ticket to help@bricksbuilder.io and with admin credentials to your WordPress Dashboard so we may take a further look at this?

I look forward to your reply.

With Thanks,
Kolahn Garcia

5

I did that yesterday! Waiting for an answer. Thank you!

6

I don’t know if someone did something but it works as it should now!

7

I found the issue. I had an incomplete CSS code in one of my pages and it broke the layout. I was missing a closing “}”. I just did it again by mistake so it was easy to fix this time. Have a good day!