Page Header
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
-
Keith Hughes
-
- Posts: 111
- Joined: Wed Mar 11, 2020 8:11 pm
Page Header
I'm using Page Header which works well in desktop mode but not so well in mobile, It seems to center wider than the mobile page being used !! What are the responsive options with the header?
Re: Page Header
The Page Header is responsive but you may have placed a child element of the header outside the page boundaries.
To be able to help you, I need to see what you have done.
See also "There is a large is empty space at the bottom or right side of my page."
https://www.wysiwygwebbuilder.com/forum ... hp?t=63817
To be able to help you, I need to see what you have done.
See also "There is a large is empty space at the bottom or right side of my page."
https://www.wysiwygwebbuilder.com/forum ... hp?t=63817
-
Keith Hughes
-
- Posts: 111
- Joined: Wed Mar 11, 2020 8:11 pm
Re: Page Header
My website is www.paperbriquettepress.com as I say it's fine in desktop mode, In my break points it look fine.
Re: Page Header
I don't think the issue is your page header. I believe it is the numerous html boxes you have on the page that are outside the page boundaries.
Unless the html box is to be placed within the body of the page and generate something visually/interactively (ex:paypal button), you should not set the type to "use <div> to set position and size of the HTML". This causes it to generate position code for the html box and if these boxes are off to the side in your workspace then that is where they will be placed on the page thus causing horizontal scrollbars.
If the code is being processed behind the scenes (ex: google analytics code) that should be placed either "between the <head> section", "after <body> tag or "before </body>". These options place the code in specifics spot within the code.
Unless the html box is to be placed within the body of the page and generate something visually/interactively (ex:paypal button), you should not set the type to "use <div> to set position and size of the HTML". This causes it to generate position code for the html box and if these boxes are off to the side in your workspace then that is where they will be placed on the page thus causing horizontal scrollbars.
If the code is being processed behind the scenes (ex: google analytics code) that should be placed either "between the <head> section", "after <body> tag or "before </body>". These options place the code in specifics spot within the code.
Re: Page Header
I agree with crispy68, the issue is not related the Page Header.
-
Keith Hughes
-
- Posts: 111
- Joined: Wed Mar 11, 2020 8:11 pm
Re: Page Header
The Html code is all for google, SEO and analytics, If I place them on top of other dater they get in the way and difficult to move. Should I place them below the page?
Re: Page Header
You can place them below the page which may help with the horizontal scrollbars but it may then cause your page to be longer. The issue I believe is what you have the "type" set to.
Did you correct these first? If you do, I dont believe you will need to move them.
Did you correct these first? If you do, I dont believe you will need to move them.
-
Keith Hughes
-
- Posts: 111
- Joined: Wed Mar 11, 2020 8:11 pm
Re: Page Header
I thank everyone for their help but I'm still struggling with where to put the html boxes I have 16 in total, if I put them within the page I'm unable to select them or move them. If I place some of them within a layout grid it affects the grid layout. I used to always place them to the right of my screen off the page, but now I know that affects the page layout, also if I place them below the page it affects the page layout too.
Re: Page Header
First note that we cannot teach how HTML code works. if you want to insert code then it is assumed that you know what you are doing.
But it is important to understand that you cannot place code anywhere on the page and expect it to work.
If you add code which conflict with other code then it will break the structure of the page.
This is not specific to WWB.
In WWB, you can control where the code is added to the page via the 'type' property of the HTML object.
https://www.wysiwygwebbuilder.com/add_html.html
But it is important to understand that you cannot place code anywhere on the page and expect it to work.
If you add code which conflict with other code then it will break the structure of the page.
This is not specific to WWB.
In WWB, you can control where the code is added to the page via the 'type' property of the HTML object.
https://www.wysiwygwebbuilder.com/add_html.html
Re: Page Header
@Keith,
Please re-read the post I wrote.
In the HTML box properties you have the option choosing the "type". This is important on where the code will be placed within the page. Depending on what the code does will determine the type you will choose.
For example, if it is CSS code, then you will more than likely want to choose "between <head></head> tags". Another example, most script tags/code is placed using the "before </body>" tag.
The reason why your HTML boxes are affecting the layout is because you have type set to "Use <div> to set position and size of the HTML". This generates positioning code in the page. Thus if your box is on the right side of the workspace or at the bottom of your page it is causing additional space to appear because that is where your HTML box is. I believe most, if not all, of your HTML boxes need to use a different "type".
Please re-read the post I wrote.
In the HTML box properties you have the option choosing the "type". This is important on where the code will be placed within the page. Depending on what the code does will determine the type you will choose.
For example, if it is CSS code, then you will more than likely want to choose "between <head></head> tags". Another example, most script tags/code is placed using the "before </body>" tag.
The reason why your HTML boxes are affecting the layout is because you have type set to "Use <div> to set position and size of the HTML". This generates positioning code in the page. Thus if your box is on the right side of the workspace or at the bottom of your page it is causing additional space to appear because that is where your HTML box is. I believe most, if not all, of your HTML boxes need to use a different "type".