I believe that the problem I am reporting is an issue with SP Page Builder and not an issue with the Gazette template. Although anything is possible. I am using SP Page Builder 3.8.9 and Gazette template 2.0.1
The problem is occuring on our home page at https://test1.theraliv.org/
The problem we are having is that every time a person loads our home page the top row from the page builder does not load properly aligned. The top row is divided into two colums. I have duplicated this top row three times. The modules displayed are identical. There is no padding or margins in any of the rows, columns or addons.
The first row does not align properly.
The second and third rows align properly.
The first row will align properly after resizing the browser window.
At first the column on the right is displaying the modul images lower than the column on the left. But, upon resizing the browser window the modules jump into the correct position. If you reload the home page again the modules go out of alignment again. Resizing the browser window makes them line up properly again.
If you disable the top row, then the second row which is idential will start behaving wrong just like the top row was originally.
If you then also disable the second row, then the third row which is also identical also misaligns on page loading.
Modules misaligned on page load
https://drive.google.com/open?id=175giRGgCQltTZO_6wlJ_ydGoyh9Hd3z0&authuser=1&usp=drive_link
Modules realign after resizing the browser window
https://drive.google.com/open?id=1NO09cNcH9tNdudP2stcB0gkilVpbK29-&authuser=1&usp=drive_link
I also discovered in a fourth row that I created, the same type of problem. This time the right side is higher, instead of lower than the left side.
https://drive.google.com/open?id=1bgyAJyAQo1-W60vs0ALMmX_6nl5NJpro&authuser=1&usp=drive_link
Anyhow, after writing all of this, I realize that the problem may be caused by the RAXO modules and not by the SP Page Builder. I would like to know what you think!
However, I am thinking that maybe SP Page Builder could be building evenly divided columns?
I did notice that the widths of the div left and right columns are not equal. Could this be causing this issue:
<div class+sppb-col-md-6 id="column-wrap-id-1673454455612">
Left dimensions are 660x524
<div class+sppb-col-md-6 id="column-wrap-id-1673454455614">
Right dimensions are 630x433
Could this be the cause of this?
Thanks again for all that you do to help our websites be great again. :-)
Sean