Hello,
I am using Newspaper theme v6.5 on my website. I have my website in multiple languges (English and Hindi)
URL – http://www.naukrinama.com & http://www.naukrinama.com/hi/
Now As the top bar is not visible on mobile devices, hence i am not able to give my mobile users an option to change their language. Hence i want to add an option is menu or just below the main menu bar in the header which is only visible on mobile devices and I am able to show two buttons over there with URL of my hindi and english site linked to it.
Screenshots : http://imgur.com/Dn8xFzB
Please let me know how can this be achieved.
Hello rishab55555,
Unfortunately, our theme does not have a simple option to add the desired button as you wish from the panel. For achieving this, it is necessary to have a good knowledge of CSS and HTML. Please noticed that is not a simple task and is required custom work. You have to make 2 custom classes for your buttons and you have to insert it in header_style used by you. Below I gave you an example for header_style 3, where you should do these classes, like this -> http://screencast.com/t/tA2WGUxqwxM2 and the result you should see here -> http://screencast.com/t/RK9VkJstUwOT
After these changes, you have to make some customization for a better look and implement on your buttons the functionality of your plugin that you are using for your English/Hindi language.
If you are not aware, about the steps on this regard, please consider hiring a freelancer/developer to implement this for your because we cannot provide custom work at the moment, sorry!
Hope this helps!
Thank you for your understanding!
Hello Catalin,
Thanks for your revert !
Just let me know the CSS Class code of how to hide these buttons on the devices where the top bar is visible. Rest regarding the button design i will manage it at my end.
Hello rishab55555,
If you want to hide these buttons on specific devices, you have to use a bit of CSS. Use the display:none; for your classes that you will want to be hide and place the code in your Theme panel->Advanced CSS, like this -> http://screencast.com/t/IC9wPIy2n12
Hope this helps!
Thank you for the message!