Archived topic
Centering a menu item with fixed position at bottom of slideout menu
4 replies · Started by Craig on February 16, 2019
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.
Hi there,
can you provide a link to the site? You can edit your original topic and use the Site URL for privacy.
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.
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;
}
}Nothing wrong with that I don't think, although you probably don't need the !important part.
