Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 19, 2018 at 9:27 pm #944313
    mike_development_new

    first i have to say, i love the theme and just bought again!

    For the actual version i need the logo in the center and the burger menu on the right hand corner.
    (i already did center the logo with the enfold drop down settings but there is no left for the burger menu, only above or under the logo.)

    so please help and show me the css for placing the burger menu on the right edge.

    kudos
    mike

    April 21, 2018 at 9:09 pm #944969
    mike_development_new

    anyone tried this before?

    April 22, 2018 at 4:24 pm #945060
    mike_development_new

    hmmm… changed the header pre settings to: Logo left & Menu right.
    than gave it a try with this quick css:
    div.logo img {
    text-align: center;
    }

    But it does not show any effect :-(

    April 23, 2018 at 4:37 am #945221
    Ismael

    Hi,

    Thank you for using Enfold.

    Set the left position to 50% and then define the horizontal coordinates of the logo container.

    #top div .logo {
    float: none;
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: translate3d(-50%, 0, 0);
}

    You may want to adjust this on mobile view.

    Best regards,
    Ismael

    April 23, 2018 at 9:27 am #945306
    mike_development_new

    thanks, but its not working. logo moved a bit more to the left instead of center.
    please help! (link attached)

    regards
    Mike

    April 24, 2018 at 8:47 am #945738
    Ismael

    Hi,

    Thank you for the update. We modified the code a bit. Please try it again.

    Best regards,
    Ismael

    November 26, 2022 at 11:36 am #1373934
    GlobalListingEchange

    I am having the same issue. Please notice the Hamburger Menu is off center on all devices (see screenshot below)? The page is at http://web3.holdings and the CSS I am currently using is:

    /*Remove Logo*/
    .logo { visibility: hidden !important; }

    /*Hamburger Center*/
    nav.main_menu { display: block !important; margin-right: 50%!important; }

    https://drive.google.com/file/d/1gIchdQ2nGJrj7RYvsG_GKKClyoKY0syp/view?usp=share_link

    November 26, 2022 at 4:22 pm #1373949
    Rikard

    Hi GlobalListingEchange,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 100%;
}

nav.main_menu {
    margin-right: auto;
    left: 0;
    right: 0;
}
.av-main-nav-wrap {
    float: none;
}
}

    Best regards,
    Rikard

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