Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2633778
Mobile language switcher
Closed

Comments

  •  1
    pbourelly started the conversation
    December 16, 2020 at 1:42pm

    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?


  •  2,701
    PenciDesign replied
    December 16, 2020 at 4:09pm

    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

  •  1
    pbourelly replied
    December 16, 2020 at 9:16pm

    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?

  •  2,701
    PenciDesign replied
    December 17, 2020 at 12:09am

    Hi,

    I can see it works for mobile also:

    http://prntscr.com/w4bkuf


    Best Regards,

    PenciDesign

  •  1
    pbourelly replied
    December 17, 2020 at 11:51am

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

    Regards

    Paolo

  •  1
    pbourelly replied
    December 17, 2020 at 12:12pm

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

  •  2,701
    PenciDesign replied
    December 17, 2020 at 4:15pm

    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

  •  1
    pbourelly replied
    December 17, 2020 at 11:29pm

    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

  •  1
    pbourelly replied
    December 17, 2020 at 11:31pm

    Well it is working now.

    Just check the tablet please.

  •  2,701
    PenciDesign replied
    December 18, 2020 at 12:20pm

    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