Tagged: , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1168114

    Hi all,

    I would like to have the mobile version of the site also on a iPad and al devices till 1024px.

    In the CSS I put following code:
    @media only screen and (min-width: 480px) {
    .only-mobile { display: none !important; }}
    @media only screen and (max-width: 1024px) {
    .only-desktop { display: none !important; }}

    But this didn’t work. Do you know the solution?

    Thanks!

    #1168135

    Hi,

    Thanks for contacting us!

    Please refer to this post – https://kriesi.at/documentation/enfold/menu/#burgermobile-menu-activation :)

    Best regards,
    Yigit

    #1168142

    That’s not what I mean. I want adjust the mobile device also on tablet. The whole site must adjust as a mobile site on a tablet/ipad.
    Could you help me?

    #1168144

    Hi,

    Please try adding following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

    media only screen and (max-width: 1024px){ 
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        display: block;
        margin: 0;
        height: auto !important;
        overflow: hidden;
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
    .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }}
    

    If that does not help, please post a link of your website :)

    Best regards,
    Yigit

    #1168146

    Unfortunately it doesn’t work. The site: http://www.mooieogenschagen.nl. The mobile version is oke, I want this version also on the tablet/Ipad to show.

    Thank you!

    #1168148

    Hi,

    I realized “@” was missing in the first code i posted. Could you please try following instead?

    @media only screen and (max-width: 1024px){ 
    #top #wrap_all .av-flex-cells .no_margin {
        display: block;
        margin: 0;
        height: auto !important;
        overflow: hidden;
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
    #top .container .av-content-small, #top #wrap_all .flex_column,#top #wrap_all .av-flex-cells .no_margin {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }}

    And if that too does not help, please post WP admin logins here privately as well :)

    Best regards,
    Yigit

    #1168153

    Almost!

    #1168156

    Hey,

    I checked all pages in your menu but it seems to be working fine throughout your site. Could you please point out the sections where it is not working? :)

    Regards,
    Yigit

    #1168158
    This reply has been marked as private.
    #1168169

    Hey,

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1024px) {
    .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
        display: none !important;
    }}

    Cheers!
    Yigit

    #1168181
    This reply has been marked as private.
    #1168211
    This reply has been marked as private.
    #1169056

    Hi,

    Thank you for contacting us and sorry for the late reply.

    In the above code please adjust the (max-width: 1024px) to (max-width: 900px)

    Changing the max-width to 900px will do the trick for you :)

    Let us know if you have more questions, we are happy to help you :)

    Best regards,
    Vinay

    #1170428

    That did the trick. Thank you!

    #1170599

    Hi,

    Great, I’m glad that you got things working and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.