Css Is Different For Chrome And Firefox In Mobile

I am working with wordpress Sydney theme, and I am trying to make a responsive website, I realized that it shows different css on different browsers. here is an example: chrome fir

Solution 1:

I don't know to go about this in wordpress, but in general the following applies.

You would have to add code for everything that doesn't work in a specific browser. So you might have to use -moz- or -webkit- and than just add the code. It's quite annoying that browser have different default values and sometimes even need prefixes.

Solution 2:

As well as what @René Steeman said, some Wordpress themes will not allow you to access the CSS file. I would check and make sure you are able to do this first otherwise choosing a different theme may be the easiest way to fix this in all honesty.If you can access the CSS Rene is right. You can change how things look for each browser. Finally you may want to reference this list: https://www.w3schools.com/cssref/css3_browsersupport.asp. Not all CSS features are able to be used on each browser. On top of all of this your browser may need to be updated as well. Best of luck!