text overlay

  • Resolved Ellie87

    (@ellie87)


    9 years, 1 month ago

    Hello, firts of all I adore your plugin it is truly amazing and very easy to use. I have a little issue with @media querry. I have my dnt above my footer and I have fixed all the @media for different devices, the only problem is that on mobile screen it is fine until I turn the device in landscape, at that point the text overlays. I hope I was clear enough.Please any help would be very appreciated ! Thanks
    this is the website: https://www.sicilysensations.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Ellie87

    (@ellie87)

    Right now this is my @media.

    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape)
    {#left.widget-area {
    width: 300px!important;
    margin-left: 140px!important; }
    }
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait)
    {#left.widget-area {
    width: 300px!important; }
    }

    I’ve managed to centre the news ticker in landscape mode so that it does not overlap when i turn the device from portrait to landscape. However I would like to make the ticker width to 550 px in landscape mode without making that horrible overlay as soon as you turn the device from portrait to landscape. Any suggestions? Grazie! ??

    Thread Starter Ellie87

    (@ellie87)

    Found it. This was missing now I can put 550px on portrait @media and it looks fine.Thanks
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape)
    {.mtphr-dnt a {
    margin-left: 300px!important;}
    }

    Plugin Author metaphorcreations

    (@metaphorcreations)

    Ok, glad you figured it out.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘text overlay’ is closed to new replies.