Menu items with images

KalliPR
Offline Topic Author
Junior Member
Posts: 24
Thanks: 0

Menu items with images was created by KalliPR

Posted 3 years 7 months ago #57646

Hi. I was wondering if there's a way to stack the submenu items with the images horizontally to make it look more neat.

I will provide a link below with the website I'm working on. I've created the menu there, so you'll be able to see what I'm taking about.

This message contains confidential information

I want to create a menu somewhat like this. I don't want it to be the same necessarily, but I'd like to have the basic structure of it.

This message contains confidential information

Thank you in advance!

by KalliPR

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29117
Thanks: 3703

Replied by ced1870 on topic Menu items with images

Posted 3 years 7 months ago #57647

Hi
in the advanced options of the module, you can set the image position
please try that
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

KalliPR
Offline Topic Author
Junior Member
Posts: 24
Thanks: 0

Replied by KalliPR on topic Menu items with images

Posted 3 years 7 months ago #57651

Nothing changed, sadly...

by KalliPR

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29117
Thanks: 3703

Replied by ced1870 on topic Menu items with images

Posted 3 years 7 months ago #57653

what I see is that in your example, the images are not aligned horizontally as requested, but on top of the text
you can align them simply by reducing the size so that they have the place to stay near the text, using this css code for example

Code:

div#maximenuck182 li.maximenuck img {
    width: 30%;
}

I'm not sure what you really want to get as result ...

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

KalliPR
Offline Topic Author
Junior Member
Posts: 24
Thanks: 0

Replied by KalliPR on topic Menu items with images

Posted 3 years 7 months ago #57658

As a result, I want to get something similar to the menu I showed you as an example (the other website's). I was wondering if that's possible..

by KalliPR

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29117
Thanks: 3703

Replied by ced1870 on topic Menu items with images

Posted 3 years 7 months ago #57664

add this code in a custom css

Code:

div#maximenuck182 ul.maximenuck2 li.maximenuck span.separator {
display: flex;
flex-direction: column;
transform: skew(-10deg);
}

 div#maximenuck182.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator span.titreck {
order: 2;
padding: 10px;
background: orange;
}

but this becomes a custom design request

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.