Sticky menu

  • stationlunda

    (@stationlunda)


    4 years, 2 months ago

    It would be nice if a Sticky menu would be a simple ON/OFF alternative. As it is now Hemingway Theme is very difficult to make with a sticky navigation menu and header…

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    4 years, 2 months ago

    Hi @stationlunda,

    I don’t have any plans on adding a sticky menu option to Hemingway. However, if you’re fine with only supporting recent versions of Safari, Chrome and Firefox, and only on desktop, you could add support for a sticky navigation by adding the following CSS to Appearance → Customize → Additional CSS:

    @media ( min-width: 800px )  {

	.big-wrapper {
		overflow: initial;
		position: relative;
	}

	.navigation {
		position: sticky;
			top: 0;
		z-index: 10;
	}
	
}

    — Anders

    • This reply was modified 4 years, 2 months ago by Anders Norén.
    Thread Starter stationlunda

    (@stationlunda)

    4 years, 1 month ago

    Anders.

    It works!
    1) The black background on the blog-menu is not fully black. I changed it to be so as follows:
    .blog-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    background-color: #000000;
    margin-left: -0px
    }

    2) The problem now is that the parts outside the blog-menu is still greyish black and I have not figured how to make it so. Any solutions?

    3) Can you also make the header to be sticky together with the blog-menu?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sticky menu’ is closed to new replies.