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

    Hello
    I have the quick CSS in place for hiding select elements on mobile. I need a similar one for desktop and tablets.
    Is this possible?

    Thanks!

    #617662

    Hi @web6s;
    yes it is possible, you can find more information here : “hide menu items/elements on mobile

    #617668

    Hi!

    Please do let us know if that fits your need, so we can help you further if not.

    Regards,
    Basilis

    #617676

    Thanks for the reply.
    This is not quite what I need though. I am actually looking for the opposite. I need to hide select elements on desktop/tablet, thusly showing them on mobile only.

    I am already using the quick CSS in the link above to hide certain elements on mobile. It may help if I explain what it is that I am trying to do.

    When mobile visitors come to the site, I want to show them completely different content than a desktop/tablet visitor. I know I can do a homepage redirect upon mobile detection but for SEO reasons I do not want to do this. I want the traffic to funnel through the homepage, not redirect around it.

    #617679

    To explain further, see mockup at this link: http://bit.ly/1peOPnt

    Hope this makes sense. If there is another way I can do this without a mobile redirect please advise. I am not experienced with custom coding so I am hoping to use the quick CSS option within the theme.

    Thanks

    #617752

    Hi @web6s;
    to have a different content for each (mobil and desktop) is possible.
    to that you should give an “id” or “class” to your elements.

    Just an example :
    Color section (I give an id : my_section_desktop)
    Color section (I give another id : my_section_mobil)

    In the css style :

    /*HIDE ON DESKTOP*/
    #my_section_mobil {display: none !important;}
    
    /*Telephone Styles */
    @media only screen and (max-width: 767px) {
    /*HIDE ON MOBIL*/
    #my_section_desktop {display: none !important;}
    /*SHOW ON MOBIL*/
    #my_section_mobil {display: block !important;}
    }
    • This reply was modified 8 years, 3 months ago by begrafiks.
    #619758

    Thanks a lot @begrafiks


    @web6s

    Please let us know if you need any further help with this.

    Cheers!
    Andy

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.