• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Remove Fixed Header on Monochrome Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Remove Fixed Header on Monochrome Pro

This topic is: not resolved

Tagged: header

  • This topic has 2 replies, 2 voices, and was last updated 2 years, 4 months ago by Bianca.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 16, 2020 at 3:49 pm #501491
    Sabrina
    Participant

    Hi There,
    I'm creating the designs for a new site for a client. I am a veteran UX and graphic designer who is definitely not a coding pro, but I can do a few things 😉

    My question is regarding the header (logo) and menu area in monochrome pro. I'd like to remove them from the home page. Right now, this will be a single page site and the logo will appear on the hero image.

    If it's not possible to remove, is it possible to change the color and make it tiny with CSS?

    Thanks so much,
    Sabrina

    https://bfreedomp.wpengine.com/
    November 3, 2020 at 5:45 pm #501728
    Bianca
    Participant

    Hi There,

    You can actually remove the whole site header (the logo and navbar) by choosing the "Landing" page template in the editor. You can find this option while editing the page in the right column at the Page Attributes section.

    If you want to use CSS for this you can add this CSS to your customizer:

    .site-header {
    display:none;
    }

    This CSS removes the site header on all the pages


    I am a Marketing Communications specialist at Communics.

    Visit my personal website | Follow me on Twitter | Connect on LinkedIn

    November 4, 2020 at 7:46 am #501750
    Bianca
    Participant
    This reply has been marked as private.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble