How to block slider on Mobile

Home Forums Himalayas Free How to block slider on Mobile

This topic contains 2 replies, has 2 voices, and was last updated by  Nilan 2 weeks, 2 days ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1322849

    contact148
    Participant

    Hi,

    The slider on my website display very bad on mobile, it is very narrow and not show all picture (www.codub.ie) : how I could fix it or
    how I could block slider display on mobile with screen resolution less than 800px?

    thx!

    Pawel

    #1322895

    contact148
    Participant

    ok, I find out the solution to not display slider..
    @media (max-width: 768px) {
    .slider-wrapper {
    display: none;
    }}
    but what I should do to make it display fully on mobile phones too?
    I make template website using the plugin for import the template ( http://one.webdesignstudio.ie ) and even there the slider not work as should be.. is there anyway to fix it?

    Pawel

    #1323378

    Nilan
    Moderator

    Hi Contact148,

    It seems like you’ve added margin on “bx-slider” class. Please, make an adjustment on your custom CSS as follow:

    .non-transparent .slider-wrapper .bxslider {
        margin-top: 0;
    }

    Note: You can also remove this CSS from your custom CSS.

    Likewise, add the following CSS to your custom CSS.

    .slider-wrapper {
        margin-top: 80px;
    }

    Hope this will resolve your problem. If there is anything else you need, please let us know.

    Regards,
    ThemeGrill Support

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

You must be logged in to reply to this topic.