StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Hide Soliloquy slider on mobile only

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Hide Soliloquy slider on mobile only

This topic is: not resolved

Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 10, 2013 at 9:24 pm #72234
    Loudness
    Member

    Hi, I have a Soliloquy slider on a static home page (home page only). I would like to prevent this slider to show & load on mobile device (phones), I'm using the theme streamline.

    Is it possible to prevent some PHP code to execute on mobile ? We also have the Zopim chat we would like to prevent from loading on phones resolution.

    November 10, 2013 at 10:06 pm #72242
    AnitaC
    Keymaster

    Please share a link to your site so I can take a look at your site.

    Need help with customization or troubleshooting? Reach out to me.

    November 10, 2013 at 10:09 pm #72243
    Loudness
    Member

    well right now the site is back on local.... But I can paste the php here if you want to see the function.php file...

    November 10, 2013 at 10:11 pm #72244
    AnitaC
    Keymaster

    No, I wanted to check out the style sheet using Firebug. I could then target the specific areas. It's hard to do it when you just paste the code - at least for me it is. I'll let someone else try to help you on this then.

    Need help with customization or troubleshooting? Reach out to me.

    November 10, 2013 at 10:13 pm #72245
    Loudness
    Member

    So all I need to know then is to find the appropriate DIV used by the slider & use "display: none" in the appropriate media query ?

    November 10, 2013 at 10:14 pm #72246
    AnitaC
    Keymaster

    Yes, that's what I would do.

    Need help with customization or troubleshooting? Reach out to me.

    November 10, 2013 at 10:15 pm #72248
    Loudness
    Member

    Ok, but it would still load the slider... that's not super mobile friendly (we are trying to reduce load time on mobile device) ?

    November 10, 2013 at 10:18 pm #72251
    AnitaC
    Keymaster

    Well, I guess I answered sorta incorrectly. You would target the slider code in the CSS not the DIV.

    Need help with customization or troubleshooting? Reach out to me.

    November 10, 2013 at 10:22 pm #72254
    Loudness
    Member

    Correct me if I'm wrong... :

    The CSS load after the function.PHP code. So that mean if I prevent the slider to load using CSS, the slider would still load in the background, since it is loaded by a PHP "request", but it just wont show since disabled at the very end by the display:none in the CSS.

    We would like to completely prevent the slider from loading, from the very begining, when a mobile device (phone) is detected.

    November 10, 2013 at 10:28 pm #72256
    AnitaC
    Keymaster

    Ok, then you need one of the other more experienced PHP developers to do this for you. You can wait it out for someone to respond or maybe visit wpsites.net and see if Brad can help you.

    Need help with customization or troubleshooting? Reach out to me.

    November 10, 2013 at 11:58 pm #72263
    Brad Dalton
    Participant

    If you want to use PHP code, you can conditionally prevent it from displaying on any type of mobile device using mobile conidtional tags.

    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.