[jpolsgrove]

Is there any way to make the header (including logo, nav, and social icons) fixed using the css styles?

[jpolsgrove]

I’ve made it this far:
.header {
position:fixed;
header-background:fixed;
width: 100%;
z-index:100;
}

But the body of the page has moved up underneath the header and some of the page content is being chopped off…

[ahmetsali]

Hi, try giving padding-top to div.middle as the header’s height.

.middle { padding-top: 150px; }

[jpolsgrove]

is there a way to hide the logo and social icons when it’s viewed on a mobile device?

[ahmetsali]

Use the custom css code below to hide the logo and social icons on mobile devices;

@media (max-width: 480px) {
   #logo, .header .social { display: none; }
}

[media991]

The fixed menu is a great idea, is there a way to disable the fixed menu for mobile devices instead of removing the logos etc?

[ahmetsali]

Hi, try adding this custom css;

@media (max-width: 768px) {
   .header { position: static; }
}

[media991]

Thanks for the super fast response, it works perfectly! Great support!