Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 23, 2020 at 9:55 am #1206486
    rakista80

    Hi guys,
    How can i make the logo display in the right and menu burger on the left (for mobile view) for the default English language and should switch places when the translation is applied for example in my website has Arabic translation.

    https://prnt.sc/s4hef3

    Thank you,

    Eric

    April 23, 2020 at 6:22 pm #1206590
    Nikko

    Hey rakista80,

    Can you try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    @media only screen and (max-width:767px) {
  #top #wrap_all #header_main .inner-container .main_menu {
    left: 0;
    right: auto;
  }

  #top #wrap_all #header_main .inner-container .logo {
    float: right;
  }

  #top #wrap_all #header_main .inner-container .logo img {
    margin-left: auto;
  }
}

    Best regards,
    Nikko

    April 23, 2020 at 8:15 pm #1206656
    rakista80

    Thank you Nikko,

    That’s actually works fine, the menu burger move to the left and logo to the right.
    Any chance to make it switch position when the Arabic language is selected? I am using Weglot as translator of the website.

    Best regards,

    April 25, 2020 at 11:13 pm #1207121
    Nikko

    Hi rakista80,

    I apologize, please replace the code I gave to this one:

    @media only screen and (max-width:767px) {
  html[lang="en-US"] #top #wrap_all #header_main .inner-container .main_menu {
    left: 0;
    right: auto;
  }

  html[lang="en-US"] #top #wrap_all #header_main .inner-container .logo {
    float: right;
  }

  html[lang="en-US"] #top #wrap_all #header_main .inner-container .logo img {
    margin-left: auto;
  }
}

    Best regards,
    Nikko

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