Hi there!
First off: This is my first attempt at building a homepage from scratch in 20 years – and I’m heaving great fun with your marvelous theme!
There’s a small problem however. If you look at the current state of my homepage ( coachingscience.net ), you will realize that the polylang language switcher in the header area shows up to the right (as it should) in the desktop version but below the logo in the mobile version.
I would prefer if it showed up to the right of the (downscaled) logo in the mobile version too. How could I achieve that?
If this is not possible or difficult to achieve, could you at least tell me a way to center it ()horizontal) below the logo/tagline on the mobile version?
Thanks in advance and keep up the good work!!
Hi Tobias
Thanks for reaching out, I’m glad to hear you’re enjoying the site creation process.
One option might be to insert a Layout Builder widget (assuming Page Builder by SiteOrigin is activated) into the Masthead widget area at AppearanceWidgets. Edit your row and open the Layout section on the right, set the Collapse behavior to No Collapse.
Hi Andrew
awesome, thank you! I am really impressed with your fast reply. I’ve been battling this issue for almost a week!
Your answer *almost* solved my problem.
If you take a look at the Japanese mobile version of my site ( coachingscience.net/home-ja ) again, I was able to squeeze in the language switcher all right.
However, now I have some big white spaces between the masthead widgets and the main menu, and also between the first row (logo and language switcher) and the second row (the Japanese text).
For comparison, please take a look at either the German or the English version next. There, I circumvented the issue by changing
Edit row -> Mobile Layout -> Mobile Bottom Margin -> -110 for the second row (the text row below the logo and the language switcher). This pulls the Menu up to cover the white spaces (and unfortunately also the text itself).
Interestingly, doing something similar for the logo / language switcher row has no effect at all. So I assume that the Mobile Bottom Margin setting only works when a row only contains one Widget. (?)
Anyway, if you know a simple way to get rid of the white spaces as seen in the Japanese version without hacking away the text, I would be happy. If not, it’s not a big issue; I can live with my little hack.
Thank you again for your awesome support!
Super, glad to hear you’re making progress.
Is there any improvement if you go to SettingsPage BuilderWidgets and deactivate the Widget class setting?
Hail the mighty Lord of Wicked Widgetry! That did the trick!
Thank you man!!
Super, I’m glad that helped! All the best with your site. If SiteOrigin questions arise in the future, please, open a new thread and we’ll help from there. Cheers for now :)