Good afternoon,
Please visit http://www.mentalhealthsuggestions.com. If you look at the page, you will see that both the top header menu and the entire footer stretch from one side of the viewport to the other side of the viewport.
However, everything else does not stretch from one side of the viewport to the other side of the viewport. For example, the logo area + advertisement area, the main menu, and the page content (although I don’t currently have any page content on my homepage) do not stretch to the sides of the viewport. The result is that you see part of the plain white background around the fringes of the content.
What can I do to make each element of the page stretch completely from one side to the other? For instance, I think it looks bad how my main menu doesn’t stretch while the top header does. Additionally, what if I want to begin a given page with a full width picture that goes from one side of the viewport to the other side of the viewport before returning to a layout where you can see the fringes of the background for the rest of the page? How do I go about doing that? Essentially, please tell me how to switch back and forth between these two alternatives at will.
Hello brianzulberti,
I have checked your website and I saw that you are using the Header Style 3, the main menu which is boxed by default and that’s why it is not fit along the width. You will have to change your header styles to another. For more information about this, please check our documentation here -> https://forum.tagdiv.com/header-styles/ Regarding on footer (footer background), please notice that you have some settings that allow you to customize it as you wish, like this -> http://screencast.com/t/MKgyeJr6
Also, you can try our demo preview and check all the elements which should be the same with yours (as a theme behavior) -> http://demo.tagdiv.com/newspaper/
Hope this helps!
Thanks for your message!
