Hello Enfolder’s,
Does anyone know the link to or the actual css to remove the white “headband” on the header space? I would like to make my FullScreen slider actually full screen. Placing a png of our logo in the same space and using our font typography to overlay our title/ social icons/ and menu navigation.
I have looked in the forum but not quite finding this, maybe I’m calling it something wrong? “still learning”
Here is my screenshot to visually explain.
https://app.box.com/s/fonfo9qu03e7j8btat9u
Thanks for the knowledge!
Hey MaxMyBody1!
Are you trying to decrease the size of the header? You can add this on your custom.css or Quick CSS:
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 80px; line-height: 80px; }
I’m sorry but the screenshot doesn’t explain anything. Can you please elaborate more?
Regards,
Ismael
Thank you for answering Ismael,
OK I copied and pasted the CSS that you suggested and updated but I still can’t see any change. I’m assuming the 80px is the height of the banner. But I could not see a perceptible change in available real estate.
The screen shot is just to show the available real estate that I need to use.
Hi!
What is “real state”? The code should decrease the header height. Please give us a link to the actual page and a screenshot explaining what you want to do.
Cheers!
Ismael