Hide tittle, text + button on mobile

  • hhiriart

    (@hhiriart)


    8 years, 6 months ago

    Hi there, I have several problems with the responsive slider style/view on mobile.
    I could handdle the image size on my custom CSS but I need now to disable all the text + button elements for mobile version (only), because I cant deal woth the font size of all of tohse elements on mobile.
    Could you help me?, Thanks in adavance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Fabio Rinaldi

    (@fabiorino)

    8 years, 6 months ago

    Hi, you could use the following method:
    for every element you want to hide (it doesn’t matter if it’s a text, image, video) add the custom css class “hidden-on-mobile” (without quotes). To add a custom css class to an element, click on that element to show its options and scroll to the end of the page. You’ll find the textbox to use.

    Then, save the settings and navigate to Appaerance -> Editor (these options are on the left sidebar) and choose style.css on the right.

    Scroll to the end of the file and add the following lines of code:

    @media (max-width: 480px) {
	.crellyslider .hidden-on-mobile { display: none !important; }
}
Viewing 1 replies (of 1 total)

The topic ‘Hide tittle, text + button on mobile’ is closed to new replies.