[Support request] Submenu customization with leftside navigation

[Ying]

Great! Glad to hear that 🙂

Btw the menu looks nice!

[Sergio]

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

[David]

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%;
} 

[Alexander]

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)?

[David]

Hi Alex,

it looks like Sergio is using the WP Show Posts Pro plugin which provides that card layout.

[Sergio]

Hi David

That CSS worked perfectly. Thank you very much!!!

Alex, as David says, I use WP SHOW POSTS PRO

[David]

Glad to be of help!

[Alexander]

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)

[David]

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;
}

[Alexander]

Thank you, David! Is it possible to remove image movement on hover?

[Ying]

Hi Alex,

Remove this part of CSS should work:

.wpsp-overlay.wpsp-ov-style-two .wp-show-posts-inner:hover {
    transform: translateY(.5em);
}

[Author]

Posts