Return to previous page

Center Navigation on header 3 - by dbosnj35

This topic has 6 replies, 2 voices, and was last updated 9 years, 4 months ago ago by Eva Kemp

  • Avatar: dbosnj35
    dbosnj35
    Participant
    July 11, 2015 at 11:32

    Hi,
    how can I center navigation bar on header version 3. I have tried but my css is not so good. If there is 3 or 4 nav items and the logo is not very wide than the navbar is aligned to the left and it is not balanced..

    #74667 Copied
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 13, 2015 at 08:34

    Hello,

    Please provide us with your site url.

    Thank you.
    Regards,
    Eva Kemp.

    #74751 Copied
    Avatar: dbosnj35
    dbosnj35
    Participant
    July 13, 2015 at 09:31

    link in private content

    Please, contact administrator
    for this information.
    #74766 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    July 13, 2015 at 11:14

    Hello,

    Try to use this code in custom.css file:

    .menu {
  margin-left: 100px !important;
}

    Regards,
    Eva Kemp.

    #74803 Copied
    Avatar: dbosnj35
    dbosnj35
    Participant
    July 13, 2015 at 11:33

    OK, it worked fine. Thank you. Only thing is that one would need to adjust that css every time the menu idem is added or removed.. Is there a way to center it rather then push it?

    #74809 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    July 13, 2015 at 14:51

    Hello,

    Unfortunately it can’t be done the way you want as menu items can be increased or decreased and positions will be changed.

    Regards,
    Eva Kemp.

    #74853 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.