WordPress.org

Ready to get started?Download WordPress

Forums

Vortex
Problem with main menu sliding to center (6 posts)

  1. kboselli
    Member
    Posted 1 year ago #

    Hi there!

    I was wondering if anyone might help me stop the main menu from sliding from the left into a centered position every time a page is loaded.

    I've been staring at the coding for hours, but can't seem to figure out why/how this is happening. I'm just looking to keep the menu still and centered at all times.

    I'm also having a problem removing the horizontal lines that divide the menu buttons. Might anyone have an inkling of how to do that?

    Here's my blog to see what I'm talking about: http://herenorthere-mag.com

    Thanks in advance! I really appreciate it.

    Kristin

  2. Janis Berzins
    Member
    Posted 1 year ago #

    Hi, that must be javascript that moves menu to middle, but you could try adding this to you child themes style css:

    .menu {
    	position: relative;
    	/*margin: 0 auto;*/
    	padding: 0;
    	z-index: 9999;
    	left: 0px !important;
    }

    See if that helps.

  3. kboselli
    Member
    Posted 1 year ago #

    Ah, thanks so much! That worked!!

    And then ((in case anyone else has the same problem)), I just added some padding on the left-hand side of the menu navigation to get it centered:

    #nav {
    width: 100%;
    height: 70px;
    background: white;
    border-top: solid 0 #e7e7e7;
    border-bottom: 0;
    padding-left: 163px;
    }

  4. crtnycrk
    Member
    Posted 1 year ago #

    Hello-

    Same problem- My menu css says what was recommended above:
    .menu {
    position: relative;
    /*margin: 0 auto;*/
    padding: 0;
    z-index: 9999;
    left: 0px !important;
    }

    But the menu is still not in the center. Each menu heading IS centered, but that's not my issue. I want all of the headings in the middle of the menu bar. KNow what I mean??

    Thanks!

  5. paulwpxp
    Font hero
    Posted 1 year ago #

    This theme has a feature to center align menu items.

    All configurable within theme setting page.

  6. crtnycrk
    Member
    Posted 1 year ago #

    For me, menu items aren't the issue. The items are centered, but I wanted all of them centered within the menu bar.

    It turned out to be a simple css maneuver:

    .menu{ text-align:center; }
    .menu ul{ display:inline-block; }

    Bingo.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic