-
AuthorPosts
-
April 26, 2019 at 7:35 am #1094629
How do I make the mobile menu appear to the right of the social media icons? It currently is showing the logo to the left which is correct, then the menu and social media icons. I need Logo left as it is set, social media icons then mobile menu to the far right.
April 30, 2019 at 1:36 am #1095542Hey webguy007,
Thank you for using Enfold.
Did you add the following css code?
.responsive #top #header #header_main .inner-container .main_menu { order: 3; flex-basis: auto; align-items: center; align-self: center; height: inherit !important; }
That code alters the default position of the mobile menu and social icons. If you want to keep that code, try to add the following.
@media only screen and (max-width: 767px) { .responsive #top #header #header_main .inner-container .main_menu { position: absolute; top: 45px; } .responsive #top #header #header_main .inner-container .logo img, .responsive #top #header #header_main .inner-container .logo, .responsive #top #header #header_main .inner-container .logo a { min-width: 0 !important; height: 60px !important; } .responsive #top #header #header_main .inner-container .logo { top: 15px; } }
It should look like this afterwards.
Screenshot: https://imgur.com/a/dExGfbR
Best regards,
IsmaelApril 30, 2019 at 2:57 am #1095569Hi,
I’m not sure what any of this code is supposed to do but all I want to do is move the burger menu to the right of social media icons.
The format should be: LOGO, Social media icons and then the Burger Menu pulldown.
Thank you
April 30, 2019 at 3:01 am #1095570Actually, I see what the previous code you provided does and I see need to add to it to change the burger menu icon to appear to the right of the social media icons.
Thanks
April 30, 2019 at 8:33 pm #1095914Hi,
Did you need further help or shall we close this topic?
Best regards,
Jordan ShannonApril 30, 2019 at 11:18 pm #1095961Jordan,
I have not received the answer to my question. How do I move the burger menu to the right side? I’m not sure what I’m not asking properly but it has not been answered.
May 3, 2019 at 1:49 am #1096674Hi,
Did you add the suggested css code above? That should move the burger menu beside the logo as you requested.
Best regards,
IsmaelMay 3, 2019 at 5:07 am #1096706Hi Ismael,
I do not want to move the burger menu beside the menu. I want the burger menu moved to the right side. Exactly where my arrow is pointing to.
The screen should be: Logo on the left side, social icons the middle and then the burger menu on the right side for mobile screens.
Hopefully, this will explain it?
Thanks
- This reply was modified 5 years, 7 months ago by webguy007.
May 5, 2019 at 9:05 pm #1097500Hi,
Thanks for the update.
Did you even try that css code? This is going to be the result if used it.
Screenshot: https://imgur.com/a/dExGfbR
Please review our previous replies.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.