[Support request] Centering a menu item with fixed position at bottom of slideout menu

[Craig]

Here’s the code I am using. It works the the slideout menu, the problem is it also causes the “Book” menu item to display on the page even when the slideout menu is not open.

 .book-menu{
	 width: 150px !important;
	position: fixed !important;
	 bottom: 10px;
	 left: 50%;
   transform: translate(-50%, 0);
	}
}

If I remove the left attribute it will display properly, but uncentered.

GP Premium 1.7.7

[David]

Hi there,

can you provide a link to the site? You can edit your original topic and use the Site URL for privacy.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Craig]

David,

I’m running on localhost. Do you happen to know how I could provide a link to the wordpress site using localtunnel? Website url structure is localhost:8080/websitename however while I can get localtunnel to connect to localhost:8080 it will not connect to the wordpress site.

[Craig]

Don’t love the solution, but this seems to have fixed it:

.book-menu{
	 width: 150px !important;
		position: fixed !important;
	 margin-left:50px;
	 bottom: 10px;
	}
}

[Tom]

Nothing wrong with that I don’t think, although you probably don’t need the !important part.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts