Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 15, 2014 at 2:18 am #304665
    davisar

    Is it possible to change objects on mobile view?
    E.G. I have a page with a three post slider running across the page. When the slider is viewed on a mobile phone, it shows three posts; one on top of another, so you have to scroll down to see them all. Is it possible to just show one post on mobile display? Even if it was setting a height and hiding all of the overflow, I’d prefer that to showing all three posts. I just don’t want users to have to scroll so far to get to the main content.

    Alternatively, is it possible to hide content on mobile view?

    August 15, 2014 at 10:07 am #304779
    Ismael

    Hey davisar!

    Thank you for using the theme.

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    You can create add “hide-mobile” as custom css class for elements that you want to hide on mobile view then use this on Quick CSS:

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

    Regards,
    Ismael

    August 20, 2014 at 2:02 pm #306836
    davisar

    Great! Thank you.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘mobile content’ is closed to new replies.