Top bar areas

Permalink Browser Info Environment

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).


2 Attachments

Type: Discussion
Status: In Progress
View Replies:
shahroq replied on at Permalink Reply
Could you send me a live link?
cristi78 replied on at Permalink Reply

I figured it out on my own :)
I added these lines in
#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.


concrete5 Environment Information


Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.