Slider text problems in @media

  • Resolved pylaros

    (@pylaros)


    8 years, 10 months ago

    Hi,
    I have made a website

    https://karavomylos.com/

    which 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)

  • Hey there,

    You can add custom CSS code using our Advanced CSS Editor plugin It lets you write a different CSS code for each device (desktop, tablets, and mobile phones) right from the Live Customizer, so you can see the outcome in real time.

    Hope it helps and let me know if you require any further assistance.

    Thanks,
    Suyogya.

    Thread Starter pylaros

    (@pylaros)

    Hi Suyogya,

    Thanks I will have a look at that. But it’s the actual code I’m struggling with! It’s giving me a headache ??

    So you want the text in the image to be higher up? 

    @media screen and (max-width: 767px) {

#home-slider .content-wrapper {
    top: 30%;
	}

}

    Change the 30% to whatever you want.

    Thread Starter pylaros

    (@pylaros)

    rickykpg…what can I say? a MASSIVE thank you! It’s solved my problem and my headache!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Slider text problems in @media’ is closed to new replies.