Archived topic
Widget in nav bar
9 replies · Started by Sherissa on August 21, 2019
Hi,
1. How do I place this language widget in the nav bar instead of the top bar?
https://prnt.sc/ovjhlp
Thanks in advance.
Hi there,
How are you adding that language bar at the moment?
Hi Tom, it's a plugin. Using a widget to place in the top bar. There is no shortcode.
I found this piece of info in the plugin documentation
https://www.surstudio.net/translator-revolution-dropdown/faq/#question-16
In that case, try this:
1. Create a Hook Element: https://docs.generatepress.com/article/hooks-element-overview/
2. Set the hook to inside_navigation
3. Add this as your content:
<div id="translator"></div>
4. Set the Display Rules.
Now, add this CSS:
#translator {
float: right;
}
Let me know :)
Hi Tom,
I followed the steps. Plugin settings
https://prnt.sc/ovxgqa
https://prnt.sc/ovxgxj
https://prnt.sc/ovxh9t
It's not on the right of the About menu item, it's pushing the last menu item down.
Hi there,
try this CSS:
@media(min-width: 769px) {
.main-navigation .inside-navigation {
display: flex;
align-items: center;
}
.main-navigation .inside-navigation #translator {
order: 10;
}
}
Thank you!!
Glad we could be of help
Hi, I just found this, and it was exactly what I needed, but it doesn't look great on mobile. Is there a way to move this inside the mobile menu instead of it pushing the mobile menu to the right? I wasn't sure if I should post here or open a new topic?
A new topic with a link to your site would be great :)