Tim Nicholson

For the header image height, it depends on whether you are on the home page or not. The home page puts a CSS class of “cover-image” while other pages use “section-image”. It also depends whether you are on a desktop or smartphone. That is set with the height and min-height parameters.

You can override these by adding CSS to the end of the style.css file in the theme’s directory. Or you can use Jetpack Custom CSS or another plugin that let’s you override a theme’s CSS.

Pratt uses a navbar that is fixed to the top, so I would assume if you want it moved below the header, then you’d need to turn that off. To that its probably easiest to edit header.php and remove the CSS class “navbar-fixed-top”. That will cause it to scroll with the page instead of sticking to the top. But then you have to remove the body padding via CSS or you’ll have blank space above it. Its probably easier to just use the parent theme, Flat Bootstrap. Its almost identical to Pratt but doesn’t have the sticky navbar.

Then moving the navbar below the header image is going to be tricky. Header.php controls the navbar, but then later content-header.php handles displaying the header image. So those two things are physically ordered that way in the HTML. Swapping their location is hard with CSS.

If it were me, I’d probably edit header.php to comment out displaying the navbar. Take that same code and move it into the appropriate place in content-header.php. But that is gutting the theme and you should probably create your own child theme. Copy up the included flat-bootstrap-child theme to the parent directory and then copy the parent’s header.php and content-header.php down into that child directly and edit them there. That way you can still upgrade Flat Bootstrap without causing problems.

Yep, exactly. And it already has the fixed nav bar at the top.

The height of the full-width featured images on pages is set to a minimum height on desktop and also on smartphone. The reason minimum height is used is so we can be sure that the height of the image is taller than the text that is overlaid on it. In Flat Bootstrap, the min heights are 400px for desktop and and 340px for smartphone. The image will crop to fit the space.

If you are seeing an image that is so high its filling up the whole browser window on a desktop computer, then I would assume you have a lot of text be overlaid. You could shorten the text or use CSS to reduce the font size(s).

Hi, thanks for the kind words! Are you wanting to replace the down arrow (#pagetop link) with a button instead? Or remove that altogether and just put a button somewhere later in the body of your home page?

To remove the down arrow altogether, you can use this CSS:
.scroll-down.smoothscroll { display: none; }

Later in your page content you can add a button like this:
<a href="whatever" class="btn btn-primary">click me</a>

Thanks for the kind words! Technically, making the navbar background transparent is pretty easy, but the issue is likely that you actually want the full-width image moved up under it so it displays through the navbar. I’m actually working on a theme design right now with a fixed navbar that makes it even more complicated because it requires javascript to change the opacity depending on scroll position.

But for what you probably want, this could be a simpler solution for you:

.navbar-default { background-color: transparent; border-color: none; }
.content-header-image { margin-top: -50px; }

But in your particular case, your image has dark-colored rocks that conflict with the font color. So you’d probably need to change up the navbar font, link, and possibly hover colors as well.

Thanks for pointing this out. I found some good information here: https://www.acceleratormarketing.com/trench-report/google-analytics-errors-and-structured-data/.

I can tell you that blog posts will only display the author if there is more than one author with posts on your site. That was done by design, but perhaps I could output it and then hide it with CSS.

I’ll definitely look into this some more and include in a future release, assuming the fixes in the article work.

Hi ericbullet, by setting testimonials to false, it will remove that feature. Just remove the two slashes (//), that tells PHP to ignore the line (i.e. its a comment). So the line should look like this: 'testimonials' => false,

Excellent, thanks for volunteering! We’ve had fine folks translate to Spanish and French already and Danish would be great. I’m not sure why “Read More” was missing, but I just regenerated the .pot file and its there now. I will include it in the next version (v1.6). I’d be happy to email it to you now. Or I can post the v1.6 development version to my github and you could grab it from there.