Centering tab menus - Forum | JoomShaper
Solved SP Page Builder

Centering tab menus

Asked by Fernando Bautista 1 year ago Last activity 1 year ago

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.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Hi

Is this solved now?

Mehtaz Afsana Borsha Staff

Glad to know that its solved and thanks for accepting the answer.

3 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

Fernando Bautista Asked this

Hi 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 Staff

Hi

Use this CSS in your custom.css file

ul.sppb-nav.sppb-nav-modern {
    display: flex;
    justify-content: center;
    align-items: center;
}
Fernando Bautista Asked this

Hi 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.

Mehtaz Afsana Borsha Staff

Probably this CSS is only for modern. If you need any further help feel free to ask me.

Log in to reply.