batharoy

Look for this section in the header.php

</hgroup>
ENTER YOUR CODE HERE
<nav id=”site-navigation”

Be sure to give it a unique id.

For a link with image:

<a href="LINK TO EXTERNAL SITE"><img src="LINK TO IMAGE" /></a>

For a CSS style button:

<a href="LINK TO EXTERNAL SITE" target="_blank">TEXT FOR BUTTON</a>

Then use css to position and style as needed.

You could try this.

#nav_wrapper {
    display: none;
}
#header_wrapper {
    display: none;
}
#header_navigation {
    display: none;
}

Yes it is, it would require editing the header.php file so you would need to create a
child-theme first.

@erikfrye

That is very smooth, almost missed it my first scroll down the page.
Please share!

This is IMO the best place to learn more about CSS.
http://www.w3schools.com/css/default.asp
This should get the “Follow Blog via Email” styling in line with the rest.

.widget-title label {
    font-size: 100%;
    color: #fff;
    font-weight:bold;
}
#subscribe-text {
    font-style: normal;
    font-size:12px;
}

This is what you have now

@media screen and (max-width: 480px) {
.col2 p {
Margin: 2em;
}
}

Try changing the 2em value till you get the results you want.

All CSS files are read from top to bottom. The plug in will take care of where to put the styling.
With a child theme, one of the first lines is a call to the parent CSS file so anything you put in there (below @import url) will be read after the parent css and be applied.

Note: Anywhere the word “!important” is used in the parent must also be used in the child for that element to be affected.

Try this, adjust the number to what you need.

.site-header .header-main {
    margin-top: 1.5rem;
}