Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 26, 2019 at 7:35 am #1094629
    webguy007

    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.

    View post on imgur.com

    April 30, 2019 at 1:36 am #1095542
    Ismael

    Hey 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,
    Ismael

    April 30, 2019 at 2:57 am #1095569
    webguy007

    Hi,

    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 #1095570
    webguy007

    Actually, 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 #1095914
    Jordan Shannon

    Hi,

    Did you need further help or shall we close this topic?

    Best regards,
    Jordan Shannon

    April 30, 2019 at 11:18 pm #1095961
    webguy007

    Jordan,

    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 #1096674
    Ismael

    Hi,

    Did you add the suggested css code above? That should move the burger menu beside the logo as you requested.

    Best regards,
    Ismael

    May 3, 2019 at 5:07 am #1096706
    webguy007

    Hi 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.

    View post on imgur.com

    Hopefully, this will explain it?

    Thanks

    • This reply was modified 5 years, 5 months ago by webguy007.
    May 5, 2019 at 9:05 pm #1097500
    Ismael

    Hi,

    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

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