lwertz

I went back through my css in all its locations. Cleared out the child theme styles and only included the changes, and have now added only some small additional (“tentative”) changes to the css editor. The hamburger menu is back, and the search and menu icons colors are correct. But I cannot figure out how to change the color on hover from the Edin default to our brand link hover color.

Thank you!

Changing the border-bottom-color on hover gives me a strange effect though: the white line below remains visible on hover, but the new color line appears right below it.

Siobhan,
You are a master. Thank you so much. My child theme is all loaded up and ready for me to do my worst (or best, let’s hope its my best).

One thing happened when I restored my latest revisions to the CSS (per your first suggestion). The menu icon is now missing its hamburger and shows instead an odd little square, not quite centered. Also, whereas before on hover the entire circle, hamburger and word “menu” turned from gray to #04BF7B, now only the word and the odd square use that color, and the circle uses the Edin default color. I’m not sure how I’m only controlling the word menu and the hamburger icon in the CSS, or why the hamburger would be “missing” as it apparently is.

I’ve looked through the CSS style changes, and can’t figure it out. Can you help me figure out what I’m missing?

Since I would like to add a second featured pages area to the front page of Edin as well, but this is for my own site, not for a client, is there a simpler way to do this than adding the functionality inside of customizr?

I thought about using the guidance on this page https://jetpack.com/support/featured-content/ to allow me to set featured pages using categories or tags (after adding a plugin that supports adding categories and tags to pages). I think I’d then have to modify the front-page.php template to call that featured content.

I would be happy to have it displayed as content is on the grid-page… can I borrowing and editing the conditional tags in this code snippet from grid-page.php?:

<?php if ( $child_pages->have_posts() ) : ?>

		<div id="quaternary" class="grid-area">
			<div class="grid-wrapper clear">

				<?php while ( $child_pages->have_posts() ) : $child_pages->the_post(); ?>

					<div class="grid">
						<?php get_template_part( 'content', 'grid' ); ?>
					</div><!-- .grid -->

				<?php endwhile; ?>

Does this make sense?
I’d appreciate some feedback about if I’m on the right track.

If I’m all wrong, would simply setting the conditional to specify the set of 6 pages to feature using their slugs work?

Hi Siobhan,

Adding a secondary menu does fix the issue with the white line (and adds some good extra functionality!), but I’m still keen to have the menu not cover the entire browser window on click. Is there any way to cap its height so that people can still see the that the page is still “behind” the menu, or make it so that people can still scroll the page when the menu is open?

Also, and let me know if this needs a separate thread, how do I control the hover color for the menu items?

Thanks,
Lou