Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 12, 2016 at 11:56 pm #564228
    Santos Ramos

    Hello,

    I love the way the Enfold theme looks on my computer but I don’t like it the way it looks on mobile devices!
    Is there a way to customize the mobile page? Can it be different than the desktop page?

    Are there any plugins to make the mobile page better?

    Thanks for the help!

    January 13, 2016 at 2:41 am #564253
    Elliott

    Hey Santos Ramos!

    What exactly are you trying to change on it? Send us a link to your page and a screenshot highlighting what your trying to do and we’ll see if we can help you out or not.

    Best regards,
    Elliott

    January 13, 2016 at 3:07 am #564270
    Santos Ramos

    Hi,

    The link to my site is bellow.

    My site has the Partner/Logo Element that looks good on the desktop site but it does not work on the mobile page!
    Can I hide it from the mobile page?

    Also, I have 2 more Partner/Logo Elemet on the pages that contain 6 large static images that I would like to hide from the mobile page.

    Can this be done?

    Or can you recommend a plugin that can make the mobile page better than the enfold page?

    I don’t see where to attache images on this page! visit my site and you will see!

    January 13, 2016 at 3:11 am #564273
    Santos Ramos

    You can see bellow the 2 images on my mobile phone.

    Thanks!

    January 14, 2016 at 3:24 am #565155
    Elliott

    Hi!

    So your just wanting to hide the partner / logo elements on mobiles correct?

    Add this to your custom CSS.

    @media screen and (max-width: 767px) {
.avia-logo-element-container { display: none !important; }
}

    Best regards,
    Elliott

    January 14, 2016 at 3:30 am #565160
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold­­>General Styling:

    @media only screen and (max-­width: 479px) {
.home .avia-builder-el-5 {
display:none !important;
}
}

    Regards,
    Rikard

    • This reply was modified 8 years, 10 months ago by Rikard.
    January 14, 2016 at 5:25 pm #565586
    Santos Ramos

    The code that Elliott works but the code that Rikard posted didn’t work.

    Is there a problem with this code?

    @media screen and (max-width: 767px) {
    .avia-logo-element-container { display: none !important; }
    }

    Should I live it?

    Thanks for the help!

    Santos

    January 14, 2016 at 5:28 pm #565590
    Yigit

    Hey!

    No, there is not. We just like to provide alternatives :)
    Glad the code Elliott posted helped! Let us know if you have any other questions or issues

    Best regards,
    Yigit

    January 14, 2016 at 6:56 pm #565682
    Santos Ramos

    Thank you very much!

    The code works well!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mobile Enfold page – Can it be customized?’ is closed to new replies.