Emanon Premiumには、特定のヘッダーメニューをボタン風にデザインできる「指定メニュー項目」 という機能があります。

指定メニュー項目

デフォルトでは四角いブロックになります。デザインを変えるには、以下のようなCSSを記述します。角丸のボタン風にするCSSです。

/* 指定メニュー項目のデザイン調整 */
.header-menu-row .header-menu > .menu-item.ep-menu-item-has-background > a, .header-menu-row .header-menu > .menu-item.ep-menu-item-has-background-02 > a {
    height: 48px;
    border-radius: 100px;
    padding: 20px;
	  margin-right: 8px;
		margin-left: 10px;
    text-decoration: none;
}

外観の追加CSSにコードを記述すると、以下のように見た目が変化します。

CSSでデザイン調整した指定メニュー項目