CSS和導航

Question

我期待着用我的導航做幾件事情。

1. 我想它的寬度是橫跨網站的整個盒裝寬度，而不必使用填充使其居中。

2. 當它調整大小時，我希望文本變得更小，而不是導航欄堆疊，直到它轉換爲移動菜單。

我使用的是Cherry Framework，它的CSS變化真的很古怪。任何幫助深表感謝。 website link

website front page

Answer 1

更改媒體查詢規則（主題/ CherryFramework/CSS/style.css中第30行）到這個樣子，那麼所有的選項都在同一條線上。

@media (min-width: 768px) and (max-width: 979px) { 
    ... 
    .sf-menu > li > a { 
     font: normal 10px/1px Oswald; 
     color: #314294; 
    } 
} 

圖片：，如果你想這樣做*權*，你將不得不改變你的HTML結構