Änderungen am Header (Theme Hemingway)

Nabend Leute,

ich bräuchte mal etwas Hilfe, falls jemand ein paar Minuten Zeit hat.

Und zwar beschäftige ich mich gerade damit meine erste Homepage mit Wordpress zu erstellen. Bin also noch absoluter Anfänger.

Bei der Bearbeitung sind nun folgende Probleme aufgetreten.

1) Ich habe vor einiger Zeit die Höhe meines Headers angepasst. Das hat geklappt. Seitdem ist allerdings das Logo zu klein. Außerdem wird mir bei der Auswahl des "Headerbildes" ein kleinerer Zuschnitt angeboten, sodass er das ganze stark vergrößert und in schlechter Qualität darstellt

2) Besteht die Möglichkeit das Logo weiter links zu platzieren?

3) Ist es möglich, dass man die Navigationsleiste fixiert, sodass sie beim herunterscrollen am oberen Bildschirmrand sichtbar bleibt?

Hier mal die Auszüge "Header" und "Navigation" aus meiner style.css

Zitat

.header-cover { overflow-y: hidden; }

.header {
padding: 100px 0;
background: no-repeat center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
}

.header-inner { position: relative; z-index: 2; text-align: center; }

.blog-logo { display: inline-block; }

.blog-logo a,
.blog-logo img { display:block; }

.blog-logo img {
max-height: 200px;
width: auto;
max-width: 100%;
height: auto;
}

.blog-info {
display: inline block;
padding: 30px;
background: #1d1d1d;
}

.blog-title {
width: 100%;
text-align: center;
font-family: 'Raleway', sans-serif;
}

.blog-title a {
color: #FFF;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 700;
font-size: 1.75em;
}

.blog-description:before {
content: "";
display: block;
width: 100px;
height: 2px;
background: rgba(255,255,255,0.1);
margin: 20px auto;
}

.blog-description {
font-family: 'Raleway', sans-serif;
text-align: center;
color: rgba(255,255,255,0.4);
font-weight: 300;

Alles anzeigen

Zitat

.mobile-menu { display: none; }

.blog-menu li { position: relative; }
.blog-menu > li { float: left; }

.blog-menu > li:before {
content: "/";
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
margin-left: -3px;
font-size: 16px;
color: #444;
font-weight: 300;
z-index: 1000;
}

.blog-menu > li:first-child:before { content: none; }

.blog-menu a {
display: block;
padding: 27px 20px;
text-transform: uppercase;
letter-spacing: 1px;
color: rgba(255,255,255,0.4);
font-size: 13px;
}

.blog-menu a:hover,
.blog-menu .current-menu-item a { color: #FFF; }

.blog-menu > .has-children a,
.blog-menu > .page_item_has_children a { padding-right: 35px; }

.blog-menu > .has-children::after,
.blog-menu > .page_item_has_children::after {
content: "";
display: block;
border: 5px solid transparent;
border-top-color: rgba(255,255,255,0.4);
position: absolute;
z-index: 1001;
right: 17px;
top: 50%;
margin-top: -2px;
}

.blog-menu > .has-children:hover::after,
.blog-menu > .page_item_has_children:hover::after { border-top-color: #FFF; }

.blog-menu li:hover a {
background-color: #1D1D1D;
cursor: pointer;
}

.blog-menu li:hover > a { color: #FFF; }

Alles anzeigen

Ich hoffe, dass mir jemand dabei helfen kann. Wäre super nett.

Beste Grüße

Jan

Achso ok, ich habe die Seite mal kurz online gestellt. Wäre super wenn du mal drüber schauen könntest.

http://www.ferienwohnung-harzklopfen.de