Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #362021

    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 !!

    #362263

    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

    #362765

    Thank you it’s working !!

    #362791

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

    #362859

    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

    #363081

    Awesome Support as always :)

    #363084

    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

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

The topic ‘how to hide some elements in mobile version?’ is closed to new replies.