Home › Forums › Basel support forum › Mobile top bar

Mobile top bar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 18, 2018 at 1:58 pm #77751

    martaI
    Participant

    Hello,

    My website is translated to 5 different languages and I used WPML for it to work. In the top bar I have the phone, email and social icons in the left side and the language switcher in the right side.

    My problem is that when you see the website from a mobile phone, the top bar only shows the info from the left side but there is no language switcher.

    How can I have the language switcher at the top in the mobile version too?

    Thank you for your help. I will give you access in the “Private content” section so you can check what I mean.

    Kind regards,

    Marta

    September 18, 2018 at 2:32 pm #77769

    Artem Temos
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area for mobile devices in Theme Settings to show language switcher on mobile devices as well

    div .topbar-wrapp .topbar-menu {
    display: block;
}

    Regards

    September 18, 2018 at 3:06 pm #77798

    martaI
    Participant

    Hello Artem,

    Now it shows the language switcher, but there is too many information in the top bar and everything is too cramped.

    Is it possible to show only the language switcher and remove the information of the left side from the mobile version (the phone, email…)?

    Thank you!

    September 18, 2018 at 5:29 pm #77834

    Elise Noromit
    Member

    Hello,

    The code has been added to the Theme settings > Custom CSS > mobile http://prntscr.com/kvwdpx

    Best Regards

    September 19, 2018 at 7:12 am #77905

    martaI
    Participant

    Hello Elise,

    Perfect!

    Thank you for your help!

    September 19, 2018 at 7:24 am #77906

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)