Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 19, 2020 at 2:04 pm #1186039
    zonkbros

    Hey guys,

    I recently tried to center the Logo + move the menu to the right side by using the following code (https://kriesi.at/support/topic/split-menu-logo-in-the-middle-of-the-menu-is-this-possible-and-if-yes-how/):

    @media only screen and (min-width: 780px) {
#top #header .av-main-nav li:nth-child(1) {
	/* Adjust the width of the logo */
    margin-right:300px;
}

#header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

#header .logo {
    left: 50%;
    transform: translateX(-70%);
}

#header .logo img {    
    top: 50%;
    transform: translateY(-50%);
    max-width: 400px;  
}
}

    The logo seems to be fine but the menu stays in the middle and is still a bit buggy. Any suggestions?

    Greetings

    February 20, 2020 at 5:59 pm #1186433
    Victoria

    Hey zonkbros,

    The website did not load on my end. How can we check it?

    Best regards,
    Victoria

    February 24, 2020 at 4:42 pm #1187393
    zonkbros

    Hey Victoria,

    the website should load normally? Can you please check again or send me a screenshot of the issue?

    February 24, 2020 at 5:32 pm #1187413
    Jordan Shannon

    Hi,

    I’m seeing the hamburger menu on the right. Can you screenshot an image so I can get an idea of what you’re looking for?

    Best regards,
    Jordan Shannon

    February 25, 2020 at 3:18 pm #1187715
    zonkbros

    Hey Jordan,

    the menu should look something like in the attached picture.

    Best

    • This reply was modified 4 years, 9 months ago by zonkbros.
    February 25, 2020 at 5:11 pm #1187774
    Jordan Shannon

    Hi,

    Add this to quick css:

    
#header.av_header_transparency .logo{
    margin: 0!important;
    position: absolute!important;
    top: 10%!important;
    left: 40%!important;
    -ms-transform: translate(-50%, -50%)!important;
}

    Best regards,
    Jordan Shannon

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