Problem with main menu sliding to center

  • 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: https://herenorthere-mag.com

    Thanks in advance! I really appreciate it.

    Kristin

Viewing 5 replies - 1 through 5 (of 5 total)

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

    Thread Starter kboselli

    (@kboselli)

    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;
    }

    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!

    This theme has a feature to center align menu items.

    All configurable within theme setting page.

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problem with main menu sliding to center’ is closed to new replies.