Remove/Hide Home Section 2Browser Info Environment
Sorry but can you explain what you mean by hide/load? To hide, you can do it with custom CSS or block design property.
I have attached a screenshot of the home page that is using the Framework theme. It displays the page elements as they appear in Edit mode.
I am trying to position the graphic element, which appears in the Banner area of the home page to display higher within the page. Ideally, I would like to have to reside where the top of the "Empty Sitewide Search Black Area" now resides.
Additionally, the bottom of this page segment, i.e. the Page Background, should end at the bottom edge of the Banner image.
I am able to edit CSS code, I just do not know which files to edit to address this modification. Or if it can be completed through the Concret5 dashboard, any insight as to how to accomplish that would be greatly appreciated.
One other question. I was reviewing the documentation for the Framework Theme. I noticed that one of the pages displays the header section that is decreased in overall height, as compared to the default setting displayed in the site I am building.
I have attached a screenshot from that documentation and outlined in red the section I am referring to.
How would I go about customizing this area of the template so that there is less space between the bottom of the Banner section and the start of the next section with the white background?
Is there a way to modify the heights of these sections within the Framework Template?
Sorry for not getting back to you sooner.
Adjustments to the layout can be done with custom CSS. To add custom CSS go to settings > Design > customization > custom CSS.
There is also a way to adjust the layots by clicking the block and selecting design. I do t really use this as its very limited in what it can do.
I am getting closer with this solution. Thanks again for your assistance.
The attached screen shot displays the state of the current page layout. There is a large margin of space below the white text and the split to the next page area segment. It appears that the "Empty Scroll Text Area" is causing this area of the page to include unnecessary space.
The attached screen shot displays the "margin-top" CSS coding I added to this Area Design Custom Code block. However, this command is not being accepted by the template.
Is there a way to have this Empty Scroll Text Area appear higher in the layout so that there is not so much of a gap of space in the layout?
Can you provide any additional guidance as to how I can have the space reduced in this section of the page?
Can you try and change the banner height from 100vh to auto?