Skip to content
Public Ticket #15209

Mobile language switcher

Conversation thread

PenciDesign replied

5 years ago
Staff Reply

Hi,

The tablet is fine. Because the topbar doesn't enough the space to display all the text, so it drop a new line. That's normal and it's not a bug.

Best Regards,

PenciDesign

pbourelly Bourelly replied

5 years ago
Customer Reply

Well it is working now.

Just check the tablet please.

pbourelly Bourelly replied

5 years ago
Customer Reply

There is no change. The mobile version works and the web version is still on left and not on the right.

I attach a screeshot for the tablet

PenciDesign replied

5 years ago
Staff Reply

Hi,

1/ If you want to make it doesn't applies for desktop, you can replace the code I sent to this code:

@media only screen and (max-width: 1169px){
    ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu{ left: auto; right: 0; }
}
@media only screen and (max-width: 960px){
.penci-top-bar.topbar-menu{ padding-bottom: 10px; }
}

2/ Can you show me a screenshot about this?

Best Regards,

PenciDesign

pbourelly Bourelly replied

5 years ago
Customer Reply

The appearance of the page in tablet does not work. It goes in overflow beyond the right page side limits. 

pbourelly Bourelly replied

5 years ago
Customer Reply

Yes it works for mobile. But in the web, I would like to leave it as it was previously.

Regards

Paolo

pbourelly Bourelly replied

5 years ago
Customer Reply

This does work for the mobile version but it behaves the same for the desktop version. 

Is it possible to apply this CSS only to the mobile topbar?

PenciDesign replied

5 years ago
Staff Reply

Hi,

I think that's from sub-menu on your topbar menu.

You can try add more this code to Customize > Custom CSS to move the sub-menu to the left side:

ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu{ left: auto; right: 0; }
@media only screen and (max-width: 960px){
.penci-top-bar.topbar-menu{ padding-bottom: 10px; }
}

Hope this helps.

Best Regards,

PenciDesign

pbourelly Bourelly started the conversation

5 years ago
Conversation Start

The language switcher displays outside the visible space and google is warning about this malfunction. What shall I use in the CSS? I am using the CSS below. 

#sidebar-nav .menu li, #sidebar-nav .menu li a {
    background: none;
}

What can I use?

Want to join this conversation or access attachments? Sign in first.

Login to Reply