Slider text problems in @media
-
Hi,
I have made a websitewhich I’m happy with on a desktop screen. BUT on a mobile it doesn’t look right…I want the text in the slider to have less space above the heading, so a decrease in the space between the top of the image and the start of the text. I have a custom CSS for media
@media (min-width: 0px) and (max-width: 767px) { {margin: 0px !important;} .hs-slide-info { margin-top: 0px; position: relative; min-height: 0px; width:100% !important; right:0px !important; } body #home-slider .slide-content h1{ margin: 5px 5px; font-size: 12px;line-height: 1.0; margin: 5px 5px; } body #home-slider .slide-content p { body margin: 5px 5px; font-size: 8px;line-height: 1.0; margin: 5px 5px; } }
I might be asking a really stupid question but I’ve tried and tried and can not make the changes I want! It’s been ages since I’ve done anything like this so I’d really appreciate your help as it’s holding me back from releasing the site.
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘Slider text problems in @media’ is closed to new replies.