Staff replied Templates

Problem with layout of vertical menu

Asked by Mohammad Reza 3 years ago Last activity 3 years ago

I created a vertical menu on a page of the floox template, but the alignment needs to be corrected.
Basically, I need each menu in a separate line, under each other on desktop and mobile devices.

As you can see in the following screenshot on the desktop size, some lines include two menus!

As you can see in the following screenshot on the mobile site, menus are not in separate lines!

5 replies

Ofi Khan Staff

Hello Mohammad Reza

It can be fixed with CSS. Please share your site URL to check.

Best regards

Mohammad Reza Asked this

Hello,
Thank you for your help.
Please find the URL in Hidden Content.

Ofi Khan Staff

Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-portfolio-left .sp-module-content .menu{
    flex-direction: column;
}
Mohammad Reza Asked this

Thanks for your help, It works.

Ofi Khan Staff

You are welcome 😊

Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback on 

  1. Joomla Extension Directory
  2. TrustPilot

This will inspire us to improve.

Log in to reply.