小テーマ適用後のレイアウト崩れについて

WordPressを勉強し始めて、まだ5日の超初心者です。

WP公式”NIRVANA”というテーマを使い、いろいろ編集していましたが
途中で、小テーマを使いCSS編集をしなければいけないことがわかり
すぐに適用。でも、menuバーが横から縦並びになったり、
ブロックタイルのデザインが崩れます。

親テーマに戻すとデザインは直ります。
親テーマを削除し、入れ直しましたが小テーマではダメでした。

ちなみに小テーマに作成したstyle.cssを
ローカルPCにインストールしたWordPressの子テーマとして適用すると
デザイン崩れはありません。何かいじってしまったのかも・・

もうひとつ
この”NIRVANA”のテーマに　Noto Fontの適用を
試みましたが、うまく動きません。
テーマフォルダ直下にそのフォントは入っています。

どうも”NIRVANA”のcustom CSS

（外観－NIRVANA Settings－misscellaneous settingsの中）

に記述した際、フォントのディレクトリ指定がうまくいっていないのか、それ以前の問題か・・・

この”NIRVANA”のcustom CSS自体の階層もデータ名もわかりません。

@font-face {
    font-family: 'Noto Sans Thin';
    src: url('NotoSansCJKjp-Thin.eot');
    src: url('NotoSansCJKjp-Thin.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
}
body{
font-family: 'Noto Sans Thin';
}

まだCSSの勉強も（HTMLの勉強ですらまだ）なので
お恥ずかしいところですが、よろしくお願いします。