• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Remove sticky menu / header

Home › Community Forums › Vintage Theme Support › Remove sticky menu / header

  • This topic has 3 replies, 2 voices, and was last updated 4 years, 5 months ago by Martin.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 19, 2018 at 10:58 am #22839
    Martin
    Customer

    Hi Wes

    As per our brief Twitter exchange, I was wondering if there’s a quick and easy way to remove the sticky menu / header from the Vintage theme?

    I love the theme itself but I’m thinking removing the sticky header so that it vanishes when users scroll might be better for mobile users. If there’s an easily applied CSS method that’d be great but any tips / methods would be appreciated.

    Site URL: http://streamedtv.uk

    October 19, 2018 at 1:41 pm #22840
    Wes
    Moderator

    Your site looks great!

    Take a look for this code – position: fixed; in your style.css file around line 1156 –

    /* # Site Header
    ---------------------------------------------------------------------------------------------------- */
    
    .site-header {
    	background-color: #fff;
    	border-bottom: 1px solid #ddd;
    	left: 0;
    	position: fixed;
    	top: 0;
    	width: 100%;
    	z-index: 999;
    }

    Depending on how you edit your CSS, you can either remove that line, change it to position: relative; or add your own Custom CSS code to override it.

    If you plan to add your own Custom CSS code, you can try adding it to the Customize > Additional CSS page in the customizer like this –

    .site-header {
        position: relative;
    }

    That may open up some space on the homepage under the header. If it does then you can adjust the margin-top (140px) around line 631 in your style.css –

    .site-inner {
    	background-color: #fff;
    	clear: both;
    	margin: 140px auto 40px;
    	position: relative;
    	z-index: 9;
    	-word-wrap: break-word;
    }

    Let me know if that works.

    October 19, 2018 at 1:45 pm #22841
    Martin
    Customer

    Cheers mate – will give that a try over the weekend and let you know how it goes. ๐Ÿ™‚

    October 20, 2018 at 8:12 am #22842
    Martin
    Customer

    Hi

    That seems to have worked fine – http://streamedtv.uk

    Many thanks ๐Ÿ™‚

    Martin

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now โ†’

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us โ†’

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 ยท Appfinite ยท Built With The Genesis Framework