[MikeB2]

The header class on scroll becomes .site-header.dark.

The CSS is

.site-header.dark {
    background-color: #000;
}

Change the color to whatever you need.

For fun, I changed the background to

background-color: rgba(55,55,55,.8);

It looked nice.

[MikeB2]

My point is that the sticky menu should be an option in Customize; turn it on if you need it, don't turn it on if you don't need it. Sometimes my clients specify a top, fixed menu. It can be an issue on sites with 2nd level navigation. Good coding takes care of this.

[MikeB2]

URL?

Without a site URL, I suggest looking at the .site-header and at .site-title classes.

[MikeB2]

You will need to increase the size of the site title and tagline so the larger font size(s) will fit. On the site above, it's set to 300px.

Find and change in, or add to the Genesis Sample style.css :

.title-area {
    width: auto; /* or whatever you need */
}

Now you can take care of the font size:

.site-title {
	font-size: 5rem; /* or whatever you need */
	font-weight: 700;
	line-height: 1.2;
}

.site-description {
    font-size: 3rem; /* or whatever you need */
}

[MikeB2]

The Category Posts Widget can display posts by their category. It creates shortcodes that can be pasted into content areas.

https://wordpress.org/plugins/category-posts/

[MikeB2]

You need to change couple of lines in your code.

Change background-position: left center !important;
to
background-position: top center !important;
On your site, the min-height is set to 50px. Once you change the position to top the 163px min-height should work.

[MikeB2]

This works in (style.css) for most themes:

html {
    background: url('https://yourdomain.com/wp-content/themes/your-child-theme-name/images/bg_image_name.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body { background: none;}

Oops, I saw you want to limit the height to 250px. The image will distort if you try to force it to 250px height.

[MikeB2]

I found a plugin that does what I need to do with the nav menu. The myStickymenu plugin handles what Magazine Pro resisted doing, it pins the nav menu to the top of the page while scrolling. You can style the plugin from within myStickymenu's settings tabs.

https://wordpress.org/plugins/mystickymenu/

I would much rather handle this with a few lines of code instead of having to use a plugin to do something which should be simple.

https://webdesignwp.com/

If anyone knows which Genesis child themes handle this within the theme code, please let me know.

[MikeB2]

Thanks for the reply. Yes, I know my header and After Header menu aren't fixed. What I'm looking for is the header to scroll up and then have the menu become fixed at the top of the page. I have done this with other themes using jquery and css (See https://www.gonzowebdesign.com/ ). So far, Magazine Pro has resisted my efforts and my code. It hadn't occurred to me that the negative margin could be the culprit. I try to avoid negative margins whenever possible because they can cause issues.

Please advise which other StudioPress themes accomplish what I want to do. I'll just buy one of these themes that has the menu scroll stop built in. If it were up to me I would just fix the nav menu to the top of the page. My client's design calls for the scrolling menu. Other than the menu issue Magazine Pro does what I need to do.

Thanks again for the information.

[MikeB2]

https://webdesignwp.com/

[Author]

Posts