1. Finatic
  2. Monday, 17 August 2020
Hi,
how i can center in the window the main-menu in the header?
Accepted Answer
Hi,
Please use the following code to your custom.css file:

#sp-menu > div {
justify-content: center!important;
}


Best Regards
  1. more than a month ago
  2. Finatic
  3. # Permalink
Responses (9)
Hi,
Would you please share your site URL here?

Best Regards
  1. more than a month ago
  2. Finatic
  3. # 1
I had already tried this code, but as you can see it spoils the drop-down menu
Is there a solution for this?
  1. more than a month ago
  2. Finatic
  3. # 3
i mean that tranfers the full dropdown menu to the right
  1. more than a month ago
  2. Finatic
  3. # 4
This is from a Helix3 question, but it might apply to your template as well...
Apart from the accepted answer, also read the comments, please:
https://www.joomshaper.com/forums/align-floox-main-menu-to-center

Just tried temporary changes on the official Finatic Demo. The following seem to work:

.sp-megamenu-wrapper {width: 100%}
.sp-megamenu-parent { margin: 0 auto; float: none; text-align: center;}


Finatic_Center_Navigation_menu_CSS.png


PS: You seem to have a two column layout. Your navigation menu has a column width of 10 units (out of 12). So your "centered" navigation is not the actual center of the page/window!

Hope this helps.
Attachments (1)
  1. more than a month ago
  2. Finatic
  3. # 5
Hi,
You may add the following code to your custom.css file:

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
left: -142px;
}


Best Regards
  1. more than a month ago
  2. Finatic
  3. # 6
Thank you very much
  1. more than a month ago
  2. Finatic
  3. # 7
Thank you very much
You are always welcome:)
  1. more than a month ago
  2. Finatic
  3. # 8


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.