How to edit media queries

  • Resolved aceacess

    (@aceacess)


    7 years, 6 months ago

    Hi. I am trying to change the css so when my website is displayed on smaller screens it looks different. but I cant seem to find where to edit the code. I first tried using the “Simple custom CSS” plug-in, and it works for everything but media queries. So I then tried to edit the themes css file directly, and the only media queries I could find were in the “Menus” section and when I would try to add my code to them it wouldn’t work. I even re-wrote them so when I added my own query they wouldn’t over lap.

    No matter what I do I just cant seem to make changes on smaller screens.
    please please please help…

Viewing 3 replies - 1 through 3 (of 3 total)
  • Roman Bondar

    (@romanbon)

    7 years, 6 months ago

    Hello @aceacess,

    There are media rules at the bottom of the stylesheet. However, I kindly suggest you to override them with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin), or add CSS code directly to style.css file of your child theme. This will prevent your changes to be overwritten after theme update.

    Please feel free to ask any other questions that you might have.

    Kind Regards, Roman.

    Thread Starter aceacess

    (@aceacess)

    7 years, 6 months ago

    ahh thank you very very much

    Roman Bondar

    (@romanbon)

    7 years, 6 months ago

    You are welcome @aceacess!

    And have a nice day 🙂

    Kind Regards, Roman.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to edit media queries’ is closed to new replies.