Okay
  Public Ticket #1604825
MOBILE RESPONSIVENESS
Closed

Comments

  • DanielIsaiah started the conversation

    On mobile, the slider looks TERRIBLE. 

    Is there any way to make this more appealing OR can I make the slider NOT visible on mobile?! 

    How do I make it so an element (like image/text) is ONLY seen on mobile, not desktop?


  •  1,593
    Barry replied

    Hi there,

    From your attached image I can see there are some changes made to the design of the slider on mobile. The black square behind the text is not coming from the original design.

    Hide slider on mobile

    If you want to hide the slider on mobile please add the following css via Appearance -> Customize -> Additional CSS:

    @media (max-width: 992px) { .jumbotron { display: none; } }
    

    If you want to hide a specific element on desktop, so it is only visible on mobile you can add the following classes to the widget settings: Edit Widget -> Attributes -> Widget Class (see attachment).

    hidden-xs hidden-sm

    Or vice versa, if you want hide a element on mobile and only show it on desktop you can add the following classes:

    hidden-md hidden-lg

    If you have any questions feel free to ask.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  1,593
  •  2
    cjeanmarketing replied

    I can't see the attachment...

  •  1,593
    Barry replied

    Hi there,

    I added the attachment againĀ (see screenshot01.jpg).

    The attachment shows how to hide elements only on mobile screens, referred in my first message.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes