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

[ad_1]

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.

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

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

Happy new year!

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer