Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 6, 2016 at 2:08 am #695830
    jimbatchelder

    Hello Enfold geniuses-

    I’m trying to learn how to modify the main menu to be a left justified menu #1, a centered logo, and a right justified menu #2 all on the same line. I’ve figured out centering the menu and using an image rather than text but I’m not finding what I need in the forums.

    What I want: http://resteasyhosting.com/kk/split-menu-mockup.jpg
    Working site so far: http://resteasyhosting.com/kk

    Thanks for any creative ideas!

    James

    October 6, 2016 at 5:04 am #695843
    Vinay

    Hey jimbatchelder,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .responsive #header .container {
width: 100% !important;
    max-width: 100%!important;
}

.avia-menu li:nth-child(1) {
	position:absolute;
	left:0;
}
.avia-menu li:nth-child(2) {
	position:absolute;
	left:100px;
}
.avia-menu li:nth-child(3) {
	position:absolute;
	left:200px;
}

.avia-menu li:nth-child(5) {
	position:absolute;
	right:300px;
}
.avia-menu li:nth-child(6) {
	position:absolute;
	right:180px;
}
.avia-menu li:nth-child(7) {
	position:absolute;
	right:0px;
}

    If the above fails to work use the !important rule on the position property like I have used it for the width.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.