デバイスに合わせたワードプレスの設定について

お世話になります。
wordpressでascendというテンプレートを使ってサイトを作っています。

すごくいいテンプレートなのですが、見るデバイスによって一番上のメニューにかぶってしまったり、他のコンテンツとかぶってしまったりします。

CSSで調整しているのですが、書き方が悪いのか反映しなかったり、思うとおりになりません。

CSSで調整する際に大方の大きさのポイントによって切り分けて、余白などを調整しているのですが、iPadとアンドロイドタブレットでは、大きさがほぼ同じなのに、表示がかなり違います。ＯＳごとやブラウザごとにCSSを変更する方法を教えて頂きたいです。

よそ様のサイトを見るとどのデバイスでも見てもきれいに表示されていて、何が違うんだろう…。と思います。

何を基準に変更したらいいのか、どこをどのように変更したらいいのか、皆さんがどのようにされているのか、どのデバイスでも大丈夫な方法はあるのか、なども教えて頂けると幸いです。

よろしくお願い致します。