Header settings on mobile


I struggle doing what I want in my header on mobile:

  1. How to align the container on the right (container2)?
  2. How to make the logo bigger (container 1)?




Hey Antoine,

For #1. set the Row’s Align Horizontal to Space Evenly.


For #2, set the Image Container’s or the Image element’s width to a higher value.


Hope that helps.

Thank you.

  1. How can I have one container align-left and the other one align-right?
  2. How can I use   correctly? It displays correctly in the page builder, not not in the frontend.


Hi Antoine,

Since the layout is working properly on the backend there could be a cache issue on your website. I suggest that you clear 3rd party cache plugin and also go to X/Pro > Setting and locate the system tab then hit the clear style cache button to manually reset the theme CSS and JS.

Only if none of that helps, please give us the following information in a Secure Note.

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.


  1. Could you please also answer this question? Thanks.
  2. I did the clear style cache thing, but it didn’t solve the problem.

Hello @antoine_generau,

For question number 1
Please follow these steps

  1. Add a Bar
  2. When you add a Bar in the Header it would add one container by default now you need to click on the copy icon, It would add one more container and adjust the width 50% each.

Please have a look at the given screenshot below.

For your query number 2

It might be an issue of broken HTML I went ahead and checked your site dashboard it seems that it is working fine.

Hope it helps

Thank you.

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.