-
AuthorPosts
-
February 2, 2021 at 7:59 pm #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!
February 4, 2021 at 7:57 am #1277616Hi 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
February 4, 2021 at 7:07 pm #1277765Hi 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?
February 6, 2021 at 6:58 am #1278208Hi,
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,
RikardFebruary 8, 2021 at 6:23 pm #1278755Hi there,
That screenshot is what the site looked like when I added the code that Nikko provided. Does that make sense?
February 9, 2021 at 10:40 am #1278994Hi,
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,
RikardFebruary 9, 2021 at 4:32 pm #1279146What email should I associate the new user with?
February 10, 2021 at 8:06 am #1279316Hi,
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,
RikardFebruary 10, 2021 at 4:21 pm #1279530Thanks! See below for the login.
February 12, 2021 at 9:02 am #1279914Hi,
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,
RikardFebruary 12, 2021 at 5:18 pm #1280113Hello,
Thanks for the work, however, it looks like that logo no longer links to the “Home” page.
February 13, 2021 at 7:37 pm #1280303Hi vantagepointmg,
Please add this code too:
#header #header_main .logo { z-index: 999; }
Best regards,
VictoriaFebruary 16, 2021 at 6:48 pm #1281458That’s perfect – thanks so much!
February 16, 2021 at 8:29 pm #1281522Hi vantagepointmg,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaFebruary 25, 2021 at 10:17 pm #1283754Hi 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!
February 26, 2021 at 4:11 pm #1283886Hi 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,
NikkoFebruary 26, 2021 at 4:13 pm #1283887Thank you!!
February 26, 2021 at 4:17 pm #1283888Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.