PLEASE: Help me convert this CSS code, for tablet and mobile use!

  • Resolved magdalene1978

    (@magdalene1978)


    3 years, 5 months ago

    Hi,
    I have this code which is for the easy footnotes plugin.
    I have already posted my question and yet, I didn’t got the answer I was hoping too. The thing is I am quite in a rush.
    I think my question is quite easy to be answered.

    This is the code

    .easy-footnote-title,
.easy-footnotes-wrapper {
max-width: 1000px;
margin: 0 auto;
}

    How can I implement the same code to tablet and mobile?
    Thank you everyone for any help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Faisal Ahammad

    (@faisalahammad)

    3 years, 5 months ago

    Hi @magdalene1978
    You can use media queries to apply the same style to tablets and mobile devices. Media queries allow you to apply styles based on the device’s characteristics, such as screen size or orientation.

    Here’s an example of how you can use media queries to apply the same style to tablets and mobile devices:

    @media only screen and (max-width: 768px) {
  .easy-footnote-title,
  .easy-footnotes-wrapper {
    max-width: 100%;
    margin: 0;
  }
}

    This media query will apply the style to any device with a screen width of 768px or less. You can adjust the screen width value in the media query to target different screen sizes. For example, you can use max-width: 640px to target smartphones and min-width: 769px, and max-width: 1024px to target tablets.

    I hope this helps! Let me know if you have any questions.

    Thread Starter magdalene1978

    (@magdalene1978)

    3 years, 5 months ago

    Thank you my friend!
    I think the code you’ve shared is just perfect!
    Wish you luck and a happy New Year!
    Magda

    Faisal Ahammad

    (@faisalahammad)

    3 years, 5 months ago

    You’re welcome, @magdalene1978. Please mark this topic as resolved.

    Happy new year!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘PLEASE: Help me convert this CSS code, for tablet and mobile use!’ is closed to new replies.