Return to previous page

Remove homepage slider from mobile only - by jordandwilson

This topic has 7 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Robert Hall

jordandwilson

Participant

June 17, 2015 at 15:32

Hi,

How do I hide the slider from the homepage on mobile and move the content block up from the middle of the page to the top (mobile only). The slider font is way too small on mobile and just removing will look odd.

Thanks,
Jordan

#70036 Copied Theme version: 2.0 WooCommerce version: 2.3.11

6 Answers
Robert Hall

Support staff

June 17, 2015 at 15:52
Hello,

Please use this code in custom.css file
```
@media only screen and (max-width: 480px){
.page-heading-slider{
display:none;
}
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Regards,
Robert Hall.
#70046 Copied
jordandwilson

Participant

June 17, 2015 at 15:55

That’s perfectly removed the slider but I also need the textual content (make living better + paragraph) to move up to the top (mobile only).

#70047 Copied

Eva Kemp

Support staff

June 17, 2015 at 16:33

Hello,

Unfortunately there is no such feature. Sorry.

Regards,
Eva Kemp.

#70062 Copied

jordandwilson

Participant

June 17, 2015 at 16:54

Fixed it! It’s:

object-fit: contain;

If you ever need it 🙂

Thanks for the help!

#70074 Copied

jordandwilson

Participant

June 17, 2015 at 17:11

Sorry, wrong ticket.

#70082 Copied

Robert Hall

Support staff

June 17, 2015 at 17:17

Hello,

Ok, if you have any questions please feel free to contact us.

Regards,
Robert Hall.

#70086 Copied
Viewing 7 results - 1 through 7 (of 7 total)