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 #2208785
Tablet / Mobile Optimation
Closed

Comments

  • oa-immo started the conversation

    Hello, I would like to have the mobile navigation already displayed on larger tablets. Currently z.b. on an iPad (if I think of it) the normal navigation is displayed. I can not find a setting option, from which screen width on mobile navigation is changed.

  •  2,700
    PenciDesign replied

    Hi,

    I don't understand your question, can you tell me more clearly & detail about this?


    Best Regards,

    PenciDesign

  • oa-immo replied

    mobile Menu on iPad is not mobile menu

  •  2,700
    PenciDesign replied

    Hi,

    Ok, I understand it now.

    If so, please add more this code to Customize > Custom CSS to do that:

    @media only screen and (max-width: 1169px){
    #navigation .button-menu-mobile {
        display: inline-block;
    }
    #navigation .menu {
        display: none !important;
    }
    }
    

    Best Regards,

    PenciDesign

  • oa-immo replied

    No, not quite.

    I would like the normal menu to be displayed only on desktop and laptop. The mobile menu should also be displayed on larger tablets.

    With this code, the menu is not available.


    In principle, it is only about the setting from when (screen size) is changed from the normal menu to the mobile menu.

  •  2,700
    PenciDesign replied

    Hi,

    Please try replace the code I sent to this code:

    @media only screen and (max-width: 1024px){
    #navigation .button-menu-mobile {
        display: inline-block;
    }
    #navigation .menu {
        display: none !important;
    }
    #navigation.header-6 #logo {
        float: none;
        display: inline-block;
    }
    }
    

    Best Regards,

    PenciDesign

  • oa-immo replied

    no, that does not work -  so I have no navigation on my iPad 

    I`ll have mobile Navigation on any mobile device, and the normal menu on desktop and laptop

  •  2,700
    PenciDesign replied

    Hi,

    Please add the code I sent to Customize > Custom CSS, save it and show me your site URL to I can take it a look on this issue.


    Best Regards,

    PenciDesign

  • oa-immo replied

    I did: on iPad, when I use it square (landscape), there is no Menu !!!


    maybe I just express myself too vaguely. I want to set the breakpoint so that the normal menu that appears on desktop is already at e.g. an iPad in position landscape changes to the mobile menu

  • oa-immo replied

    on tablet Position landscape there is no menu - in Position portrait it Works 

  •  2,700
    PenciDesign replied

    Hi,

    Please try replace the code I sent to this code:

    @media only screen and (max-width: 1024px){
    #navigation .button-menu-mobile {
        display: inline-block;
    }
    #navigation .menu {
        display: none !important;
    }
    #navigation.header-6 #logo {
        float: none;
        display: inline-block;
    }
    #sidebar-nav {
        display: block;
    }
    }
    

    Best Regards,

    PenciDesign

  • oa-immo replied

    YES thats it