Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 18, 2014 at 3:16 am #292778
    jerssall

    Hello,

    Wanted to let you know this theme is fantastic, and I appreciate the way you keep evolving it and pushing the boundaries!

    I have done some digging in the support forum and found the topic I was look for ( https://kriesi.at/support/topic/custom-header-help-center-logo-two-menus/ ), but not the answers I need.

    I would like to keep the header and main menu centered full width at the top of the theme, have the logo split the main menu in half (less padding between the centered logo and the menu left and right, than the image in the link provided).

    I have tried to modify with variations of:

    .container_wrap_logo .container{
    width: 100%;
    }
    .container_wrap_logo .logo{
    left: 50%;
    }
    .container_wrap_logo .main_menu{
    right: 50%;
    }

    but I am not getting the results I would like, and resizing of sticky header is not accurate.

    Looks like it has been done before so I was hoping you could help me with this as well.

    Thank you in advance!

    July 18, 2014 at 3:27 am #292783
    Devin

    Hi jerssall!

    You can use the themes header options to make the logo and menu centered. Then you would need to target the logo and bring it down with a negative margin (most likely) and pick out the middle of your menu to add margin or padding to the two middle items.

    Best regards,
    Devin

    July 18, 2014 at 5:34 am #292821
    jerssall
    This reply has been marked as private.
    July 18, 2014 at 5:38 am #292823
    jerssall
    This reply has been marked as private.
    July 18, 2014 at 6:53 am #292850
    Ismael

    Hi!

    Thank you for using the theme.

    Please replace this code:

    .container_wrap_logo .logo{
left: 42.5%;
}

    with this:

    strong.logo {
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

    Regards,
    Ismael

    July 18, 2014 at 7:52 am #292867
    jerssall
    This reply has been marked as private.
    July 18, 2014 at 5:17 pm #293063
    jerssall
    This reply has been marked as private.
    July 19, 2014 at 3:10 am #293210
    Ismael

    Hey!

    Alright. Please replace this code:

    .container_wrap_logo .main_menu{
right: 31.1%;
}

    with this:

    .container_wrap_logo .main_menu .avia-menu {
left: 50%;
position: relative;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

.container_wrap_logo .main_menu {
width: 100%;
}

    Please visit Envato Studio or Werkpress for further customization.

    Cheers!
    Ismael

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