Archived topic
Submenu customization with leftside navigation
25 replies · Started by Alexander on March 1, 2021
Great! Glad to hear that :)
Btw the menu looks nice!
Hi!
last question about this...
Is there any possibility to display the language menu horizontally?
I have tried changing the CSS but I can't find the solution.
I would like "ES" to be horizontal with "EU".
https://wordpress-507255-1841118.cloudwaysapps.com/
Thanks in advance
Hi there,
in your CSS you have this:
.main-navigation .main-nav > ul {
flex-direction: column;
}
Try replacing it with:
.main-navigation .main-nav > ul {
flex-direction: row;
text-align: center;
}
.main-navigation .main-nav > ul > li:not(:nth-last-child(-n+2)) {
width: 100%;
}
Hi Sergio! I wonder did you use a WP Show Posts preset or customized hover effect manually on home page (title in the middle with color overlay)?
Hi Alex,
it looks like Sergio is using the WP Show Posts Pro plugin which provides that card layout.
Hi David
That CSS worked perfectly. Thank you very much!!!
Alex, as David says, I use WP SHOW POSTS PRO
Glad to be of help!
Looks like Sergio is using some custom CSS for WP Show Posts Pro. I'm using it as well here https://kladoff.net/photos.html as Overlay-Style 2 card, but none of the built-in styles provide hover affect like on Sergio's site (centered headline, no image jumping)
Sergio added this CSS to reposition the content:
body .wpsp-card.wpsp-overlay .wpsp-content-wrap {
grid-column: 1 / 6;
grid-row: 3 / 6;
text-align: center;
}
Thank you, David! Is it possible to remove image movement on hover?
Hi Alex,
Remove this part of CSS should work:
.wpsp-overlay.wpsp-ov-style-two .wp-show-posts-inner:hover {
transform: translateY(.5em);
}