Centering Tab Menus
Fernando Bautista
Hi, I'm a subscriber to SPP5
I'm creating a tab module but I'd like to center the tab menu.
I've centered the tab title because I put a head addon and it gave the option to center the title, but I don't see where I can center the tab menu, the tabs are on the left and I want them in the center below the title.
https://drive.google.com/file/d/1I-PYgt5IFupjmvSYBzU__gSWTZhRYe05/view?usp=drive_link
I'd appreciate it if you could help me with this please, thank you.
Mehtaz Afsana Borsha
Accepted AnswerHi
Is this solved now?
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL? So that I can check.
-Regards.
Fernando Bautista
Accepted AnswerHi Mehtaz and thanks for the reply.
My website is: https://portalnews.co
Please clarify that I need the configuration to show the centered tab menu on computers but not on cell phones (I understand that it may require cloning or creating a separate module just for computers)
Thank you.
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this CSS in your custom.css file
ul.sppb-nav.sppb-nav-modern {
display: flex;
justify-content: center;
align-items: center;
}Fernando Bautista
Accepted AnswerHi Mehtaz, sorry for the delay in answering.
Yes, the code worked perfectly.
Just one last question, if I create another module with tabs but with a different presentation style (modern, default, pills, etc.) will it always be centered or is it only centering the modern styles.
Thanks.