New filters on the Home Feed, take a look!
view details

This post has been de-listed

It is no longer included in search results and normal feeds (front page, hot posts, subreddit posts, etc). It remains visible only via the author's post history.

1
How to change media querys on a theme
Post Body

Hello,

so I am a WordPress beginner and I'm doing my first site. I have a page with Astra theme, Starter template plugin, and free Elementor builder. I made some changes on the header - via Customize -> Additional CSS) that are clearly visible on big screen/big resolution. As soon as I change to tablet or mobile the CSS that I added doesn't work. I want to change the breaking point and make the website more responsive, but because for some reason my additional CSS doesn't work on mobile, I can't get my media queries inside the additional CSS to work either, and the styles that I made for desktop aren't visible on mobile.
Now I thought that I can take a look at the CSS files under Appearance -> Theme settings, but there are so many CSS files there and so many repeating media queries that I can't make sense of it, to where I should add my custom queries or my custom style to an element.
So my question is, how can I make additional CSS to work on the mobile version, or/and how and where do you add your own media queries to change the breaking points and do additional styling?
How to find what CSS file the theme uses for making those changes?

Thank you for your help

Author
Account Strength
100%
Account Age
10 years
Verified Email
Yes
Verified Flair
No
Total Karma
11,686
Link Karma
11,377
Comment Karma
273
Profile updated: 1 day ago
Posts updated: 1 year ago

Subreddit

Post Details

We try to extract some basic information from the post title. This is not always successful or accurate, please use your best judgement and compare these values to the post title and body for confirmation.
Posted
3 years ago