Issue with Header Icons Alignment
Hello, how are you?
I need some help fixing an alignment issue with the social media icons in my website’s header. When I open the Brizy editor, the icons appear correctly — side by side, horizontally. However, after updating the page and viewing the site outside the Brizy editor, the icons are displayed vertically, one below the other.
I would like them to remain horizontally aligned, as they appear in the editor. I’ve already tried updating Brizy, editing the page and header multiple times, and clearing the cache, but the issue persists.
Could you please help me resolve this?
I’m attaching screenshots for reference.
Screenshot with the Brizy editor: https://prnt.sc/AmMyueu6VzFh
Screenshot without the Brizy editor: https://prnt.sc/AZAnhSMRtsUO
Sorry, I had to send the images as links because attaching them directly caused an error.
-
Hi,
Thank you for contacting us.
Please make sure that both Brizy and Brizy Pro are updated to their latest versions.
If you are already using the latest versions, try to temporarily set the width of the affected block (where the social icons are located) to 90%, click Update, and then preview the page on the front end to see if the icons display correctly. If the issue is resolved, you can revert the block width back to its original value.
Alternatively, you can also try adding 1px of padding to the same block, these simple steps forces Brizy to recompile the page, which often resolves layout inconsistencies between the editor and the live site.
Please try this and let me know how it goes.
Best regards,
Ariel H.0 -
Hello Arial H.,
Thank you for your response!
I checked and confirmed that Brizy is already updated to the latest version on the website. I tried temporarily adjusting the width of the affected block to see if that would fix the alignment of the social media icons, but after updating, an error message started appearing:
"This page needs a refresh. You’ve probably updated this page (or another page) in a different tab or browser."
The same message appears on all pages, and on the video template page, I’m getting another error:
"Sorry, Brizy could not load. Your theme must use the the_content filter in order for Brizy to work."
I’m attaching the screenshots showing both error messages:
-
Screenshot of the general page error in Brizy: https://prnt.sc/JqTMFl2J7e5W
-
Screenshot of the video template error in Brizy: https://prnt.sc/dp7FrH5MJvGC
0 -
-
Hi,
Thank you for the update.
Please provide us with temporary access to your WP Admin page so we can take a look. Kindly add us as an Admin user to your WordPress Dashboard and send the following details to communitysupport@brizy.io.
Community Post link: https://support.brizy.io/hc/en-us/community/posts/30199984597394
WordPress Admin URL:
Super Admin Username:
Password:Looking forward to your reply.
Best regards,
Ariel H.0 -
Hello Ariel H.,
I’ve sent an email with the temporary WordPress access details so you can help us with this issue. Thank you in advance for your time and assistance — we’ll be waiting for your response.
0 -
Hi,
Thank you for your cooperation.
The site appears to be working properly on my end, the social media icons are displaying horizontally as expected.
You can also try loading your site using this proxy server to verify how it appears from a different location:
https://us2.proxysite.com/process.php?d=UXxe5FhGvd0jnMGL7qZDMmOsUj38pG%2FCHFo%3D&b=1Additionally, we were able to edit and update the page successfully, as demonstrated in this screencast: https://youtu.be/MY1agwM0U0Q
Could you please try clearing your browser cache or checking the site using another browser to see if the issue persists?
Best regards,
Ariel H.0 -
Hello Ariel,
Our team noticed that the issue seems to be related to strong CDN caching from Cloudflare. When the cache is cleared or forced to refresh, the problem appears again.
Please try accessing the site using the following URL:
https://www.apecc.com.br/site/?v=2023I’ve also attached a screenshot showing how it looks on our end for your reference.
https://prnt.sc/jb-b5DoLrn2I0 -
Hi,
Thank you for the update, this is how it looks like on my end - https://youtu.be/sye3-Gp9OVI0 -
Thanks for the feedback Ariel,
This is really puzzling...
We are making changes on brizy and it simply does not work properly on our end:
https://www.apecc.com.br/site/associe-se/
https://www.apecc.com.br/site/associe-se/?v=23
https://www.apecc.com.br/site/beneficios/
The logo was changed and saved, and the menu is still broken.
Here is the screenshot:
https://prnt.sc/7MfdAgvdIAgZ0 -
Hi Pamela,
We’ve checked your site, and it’s working properly on our end, the logo and menu appear correctly, as shown in this screencast: https://youtu.be/s4OG6EMvkJk
To help us better understand what you’re seeing, please try loading your site through this proxy tool:
https://coproxy.io/free-web-proxy/
Once the page loads, kindly take a screenshot of what you see and send it to us. This will help us determine if the issue might be related to a local network or caching problem. If the site loads correctly through proxy, it means the issue is likely caused by local caching or network issue on your end. In that case, clearing your browser cache or checking from another network or device should make the site display properly again.
Best regards,
Ariel H.0 -
Hello Ariel, thank you for your response. It was indeed a caching issue on the website’s server. We asked the hosting provider to disable the cache, and now the icons are displaying correctly and properly aligned.
Thank you for your attention and support.
0
Please sign in to leave a comment.
Comments
10 comments