Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1277198

    Hi there,

    I was wondering if it’s possible to have the main menu layout include the logo centered and then the menu items to the left. It doesn’t appear to be a standard feature, but hoping there’s some coding we could potentially work with?

    Your help is appreciated!

    #1277616

    Hi vantagepointmg,

    Please try to do the following.
    1. Set Menu and Logo Position to Logo left, Menu right.
    2. Go to Enfold > General Styling > Quick CSS, then add this CSS code:

    #header #header_main .main_menu {
        right: auto;
        left: 0;
    }
    
    #header #header_main .logo {
        left: 50%;
        transform: translateX(-50%);
    }
    
    
    Best regards,
    Nikko
    #1277765

    Hi there,

    Thanks for the response!

    When I updated the menu using your instructions, the social media icons were overlapping the other menu items and a couple of random lines are now appearing in the menu.

    See screenshot here: https://ibb.co/T1fNz5Z

    Thoughts?

    #1278208

    Hi,

    Thanks for the update. Your actual site looks different from your screenshot, so I’m not sure exactly what you need help with. If you need further help, then we need to be able to see the actual problem your site.

    Best regards,
    Rikard

    #1278755

    Hi there,

    That screenshot is what the site looked like when I added the code that Nikko provided. Does that make sense?

    #1278994

    Hi,

    Thanks for the update and clarification. Please send us admin WordPress login details in private, so that we can add the CSS Nikko sent, then try to fix the problem with overlapping.

    Best regards,
    Rikard

    #1279146

    What email should I associate the new user with?

    #1279316

    Hi,

    You can use the email in private. Just remember to post the login details here in private, so that all moderators have access to them.

    Best regards,
    Rikard

    #1279530

    Thanks! See below for the login.

    #1279914

    Hi,

    Thanks for that. I’ve added some CSS for you in Quick CSS, and there’s no overlapping now. Please review your site.

    Best regards,
    Rikard

    #1280113

    Hello,

    Thanks for the work, however, it looks like that logo no longer links to the “Home” page.

    #1280303

    Hi vantagepointmg,

    Please add this code too:

    
    #header #header_main .logo {
        z-index: 999;
    }
    

    Best regards,
    Victoria

    #1281458

    That’s perfect – thanks so much!

    #1281522

    Hi vantagepointmg,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1283754

    Hi there,

    I just noticed that the menu is not showing up correctly on mobile. You can view the screenshot I took here: https://ibb.co/mSVmVB5

    Your help is appreciated!

    #1283886

    Hi vantagepointmg,

    We have added this CSS code in order to fix it on mobile device (centered on mobile landscape, right aligned on portrait mode):

    @media only screen and (max-width: 767px) {
      #header #header_main .logo {
        left: 0;
        transform: translateX(0);
        width: 100%;
      }
    
      #header #header_main .logo img {
        margin-left: auto;
        margin-right: auto;
      }
    }
    
    @media only screen and (max-width: 568px) {
      #header #header_main .logo img {
        margin-right: 0;
      }
    }

    Please review your site.

    Best regards,
    Nikko

    #1283887

    Thank you!!

    #1283888

    Hi vantagepointmg,

    We’re glad that we could help :)
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

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