Hi.
I continued to edit my site today and I found out something has happened to the header on my site. There is a gray area that shows up on several different pages - I am unable to edit or remove it in editor. It varies in sizes on different pages. I might have touched something in the coding area but not sure. Any ideas what I might have done? All advices are greatly appreciated!
Best regards,
Simon
@SimonWakeus Looks like there was a modification to the default auto height of the page banner wrappers. Your banner wrapper css looks like this:
.banner-wrap {
position: relative;
height: 100%;
background: rgba(0,0,0,0.4);
color: #ffffff;
}One of the immediate visual effects of this height attribute is seen right on the home page. The two call out boxes right below the video banner are partially overlapping the banner:
Perhaps you intended to do this but the change in the banner wrap height causes your inner site page issue (the gray area is the banner-wrap default background color). Remove the "height: 100%;" attribute from the banner-wrap element. That will fix your inner site page issue. If you want this overlap effect on those home page call out boxes, you need to place them inside a (100% width, content centered) custom wrapper in your banner zone and hit that wrapper with some absolute positioning (setting the bottom positioning to a negative enough value to have the boxes move beyond the bottom of the banner section.
Alternatively, keep your 100% height banner and change the affected inner site pages to the No Header type.
@SimonWakeus Looks like there was a modification to the default auto height of the page banner wrappers. Your banner wrapper css looks like this:
.banner-wrap {
position: relative;
height: 100%;
background: rgba(0,0,0,0.4);
color: #ffffff;
}One of the immediate visual effects of this height attribute is seen right on the home page. The two call out boxes right below the video banner are partially overlapping the banner:
Perhaps you intended to do this but the change in the banner wrap height causes your inner site page issue (the gray area is the banner-wrap default background color). Remove the "height: 100%;" attribute from the banner-wrap element. That will fix your inner site page issue. If you want this overlap effect on those home page call out boxes, you need to place them inside a (100% width, content centered) custom wrapper in your banner zone and hit that wrapper with some absolute positioning (setting the bottom positioning to a negative enough value to have the boxes move beyond the bottom of the banner section.
Alternatively, keep your 100% height banner and change the affected inner site pages to the No Header type.
