I\'ve just started making a small website using Salient 6.1.72 and Salient Visual Composer plugin 4.7.4. Everything has been going fine as I\'ve been working on the site on my Mac and all is displaying well in Safari.
I have specified an \"Image Background\" Page Header on several pages, purely for the nice-looking title and subtitle effect it produces.
However, I\'ve just discovered that in other browsers such as Firefox, IE, and Opera, at least, that for any page that has an \"Image Background\" Page Header specified, the Page Header text (title and subtitle) will display properly, followed by the horizontal separator bar. But then the content of the page (in the div.container-wrap) gets shoved far over to the right-hand side of the screen (see screenshot).
Pages for which I have never added any \"Image Background\" Page Header title or subtitle do not have this behavior. (Such pages include the /tos and /privacy pages, and the home page.) Further, the \"Video Background\" and \"HTML 5 Canvas\" Page Headers also do not exhibit this behavior. However, the moment I do add a Page Header title or subtitle that page is broken forevermore. The Page Header title text becomes \"sticky\" and cannot be deleted.
One \"ugly\" fix I have discovered is to switch the page from the Default Template to the Portfolio Template. That seems to be the only template that works well with the \"Image Background\" Page Header.
So my concerns now are:
First, how can I remove the \"sticky\" Page Headers from the affected pages and restore them to displaying properly?
Second, what fix is available to prevent this from happening in the future? I would indeed like to be able to use the \"Image Background\" Page Header option in the future without it breaking the page.
I\'ll add that according to my cPanel my server is running PHP 5.6.15.
Also, I have figured out how to remove the \"sticky\" Page Header title/subtitle from the SQL database using phpmyadmin, so I\'ve been able to return all the broken pages to their intended state.
Hello,
I\'ve just started making a small website using Salient 6.1.72 and Salient Visual Composer plugin 4.7.4. Everything has been going fine as I\'ve been working on the site on my Mac and all is displaying well in Safari.
I have specified an \"Image Background\" Page Header on several pages, purely for the nice-looking title and subtitle effect it produces.However, I\'ve just discovered that in other browsers such as Firefox, IE, and Opera, at least, that for any page that has an \"Image Background\" Page Header specified, the Page Header text (title and subtitle) will display properly, followed by the horizontal separator bar. But then the content of the page (in the div.container-wrap) gets shoved far over to the right-hand side of the screen (see screenshot).
Pages for which I have never added any \"Image Background\" Page Header title or subtitle do not have this behavior. (Such pages include the /tos and /privacy pages, and the home page.) Further, the \"Video Background\" and \"HTML 5 Canvas\" Page Headers also do not exhibit this behavior. However, the moment I do add a Page Header title or subtitle that page is broken forevermore. The Page Header title text becomes \"sticky\" and cannot be deleted.
One \"ugly\" fix I have discovered is to switch the page from the Default Template to the Portfolio Template. That seems to be the only template that works well with the \"Image Background\" Page Header.
So my concerns now are:
First, how can I remove the \"sticky\" Page Headers from the affected pages and restore them to displaying properly?
Second, what fix is available to prevent this from happening in the future? I would indeed like to be able to use the \"Image Background\" Page Header option in the future without it breaking the page.
Thank you,
Joseph
I\'ll add that according to my cPanel my server is running PHP 5.6.15.
Also, I have figured out how to remove the \"sticky\" Page Header title/subtitle from the SQL database using phpmyadmin, so I\'ve been able to return all the broken pages to their intended state.
As I have fixed all the relevant pages on my site, please instead see http://ellispropertiesonline.com/broken-page-header/ for an example of the bad behavior described in my first post.
Hey,
#boxed div~.container-wrap { overflow: visible !important; }
Best .
ThemeNectar Support Team