Top bar areas
Permalink Browser Info Environment
Hello.
I wonder if you can help me with this problem.
I have a Nestable Manual Nav block (Pixel Top Bar template) in the Sitewide Global Top Left Area and a Switch Language block (Pixel Top Bar template) in the Sitewide Global Top Right Area. When viewed on a mobile device I would like the Nestable Manual Nav to be pulled to the left and the Switch Language block to be on the same line, pulled to the right, and with the language menu opening to the left instead of right.
I attached 2 screenshots (portrait and landscape).
Thanks.
I wonder if you can help me with this problem.
I have a Nestable Manual Nav block (Pixel Top Bar template) in the Sitewide Global Top Left Area and a Switch Language block (Pixel Top Bar template) in the Sitewide Global Top Right Area. When viewed on a mobile device I would like the Nestable Manual Nav to be pulled to the left and the Switch Language block to be on the same line, pulled to the right, and with the language menu opening to the left instead of right.
I attached 2 screenshots (portrait and landscape).
Thanks.
Type: | Discussion |
---|---|
Status: | In Progress |
Hi.
I figured it out on my own :)
I added these lines in custom.dev.less
I don't know if this is the best solution but is working so far.
By the way, I don't have a live link yet. The live site is single language for the moment. I'm working to the 2nd language section on my XAMPP instance. I wanted to cover all aspects (design, desktop/mobile view etc.) before going live.
Thanks.
I figured it out on my own :)
I added these lines in custom.dev.less
#top-bar .col_half { width: auto!important; } .top-links, .top-links > ul > li { float: left!important; } #top-bar > div > div.col_half.fright.col_last.nobottommargin > div > ul > li > ul { left: auto !important; right: 0 !important;}
I don't know if this is the best solution but is working so far.
By the way, I don't have a live link yet. The live site is single language for the moment. I'm working to the 2nd language section on my XAMPP instance. I wanted to cover all aspects (design, desktop/mobile view etc.) before going live.
Thanks.
Could you send me a live link?