@h21994 It's generally not advisable to alter too much. But these points are quite easy to fix.
Go to "Themes" and the at the very bottom of the page click on "css/html". That opens up the code.
To do what you need go to "styles" and the click on "_nav.less".
Look for the codes below, just by scrolling down, and this what you see, which for you are: "#wsite title" and "wsite menu_item"
#wsite-title {
max-width: 400px;
font-family: @font2;
font-size: 30px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.03em;
.transition(~'font-size 260ms ease');
}
img {
overflow: hidden;
max-width: 200px; [Controls image sizing - & better stay in proportion, e.g. 300/60]
max-height: 40px;
}
}
.wsite-menu-item {
display: block;
padding: 12px 20px;
border: 1px solid transparent;
font-family: @font2;
font-size: 12px; [alter size of menus here]
font-weight: 500;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
.transition(opacity 300ms ease);
}
Once you've made the changes, then simply save them. That's it for free.
