Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 3, 2014 at 10:33 am #362021
    ophra770

    HI,

    This is my first question on the support and i hope i’ll find some help. I know the question has already been asked but i didn’t understand the answer i’m new in wordpress :)
    I would like to know how I can hide some elements on mobile (icon box or others ) ??
    thank you !!

    December 3, 2014 at 5:13 pm #362263
    Yigit

    Hey ophra770!

    Welcome to our forum! :)
    Please firstly turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give elements you would like to hide on mobile a custom CSS class (i.e.: only_desktop ) and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

    Regards,
    Yigit

    December 4, 2014 at 10:36 am #362765
    ophra770

    Thank you it’s working !!

    December 4, 2014 at 12:02 pm #362791
    markpevans

    Is there a way of replacing some items with others when viewed on a mobile?

    December 4, 2014 at 2:40 pm #362859
    Yigit

    Hey!

    Please refer to my post here to add custom CSS class to items – https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263
    and give your elements you would like to display on mobile a custom class (i.e.: only_mobile) and add following code to Quick CSS 

    @media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

    Regards,
    Yigit

    December 4, 2014 at 6:17 pm #363081
    markpevans

    Awesome Support as always :)

    December 4, 2014 at 6:20 pm #363084
    Yigit

    Hey!

    You are welcome, we are always happy to help! :)
    Since it is resolved for both you and OP, i am closing this topic. Feel free to start a new one if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘how to hide some elements in mobile version?’ is closed to new replies.