[eknight74]

I figured it out. Thanks.

[eknight74]

Victor,
Adding the </br> does break the words but they are then left aligned. I would like them to be centered.

[eknight74]

Thanks Victor. I got it done. 🙂

[eknight74]

@media queries are above my level of knowledge. I know how to inspect for mobile responsiveness and I can see the @media queries but I don't know enough about them to make changes. Could you point me in the direction of a resource that could help me. Thanks in advance.

[eknight74]

Thanks @braddalton. I had just figured it out and was coming back to mark this resolved. Thanks for your help.

[eknight74]

@braddalton
I copied the code from the code snippets. There was nothing on that page that said I needed to uncomment. Here is the code I have. How do I uncomment? Thanks in advance.

add_filter( 'wp_nav_menu_items', 'theme_menu_extras', 10, 2 );
/**
* Filter menu items, appending either a search form or today's date.
*
* @param string $menu HTML string of list items.
* @param stdClass $args Menu arguments.
*
* @return string Amended HTML string of list items.
*/
function theme_menu_extras( $menu, $args ) {
//* Change 'primary' to 'secondary' to add extras to the secondary navigation menu
if ( 'primary' !== $args->theme_location )
return $menu;
//* Uncomment this block to add a search form to the navigation menu
/*
ob_start();
get_search_form();
$search = ob_get_clean();
$menu .= '<li class="right search">' . $search . '';
*/
//* Uncomment this block to add the date to the navigation menu
/*
$menu .= '<li class="right date">' . date_i18n( get_option( 'date_format' ) ) . '';
*/
return $menu;
}

[eknight74]

I added the code to the functions.php file and updated the file. However, nothing about the customized menu options changed. How do I add the search bar? OR Where do I access the "extras"?

[eknight74]

Do you add this to the functions.php file? The link you gave has the code but no instructions. Thanks.

[eknight74]

Some additional information. The menu goes to the hamburger mode. Once it converts to hamburger it then flashes red when hovered over. I want to change the color of hover mode. Any help is appreciated.

[eknight74]

I fixed the opacity of the image prior to seeing your response. Thank you for responding. However, I am not sure how to get the two sections to overlay. I understand the positioning property but am struggling.

<div class="home-top widget-area"><div class="wrap">
<section id="image-2" class="widget widget_image" style="opacity: 0.5;">
<div class="widget-wrap"><div class="jetpack-image-container"></div>
</div></section>
<section id="text-5" class="widget widget_text" style="">
<div class="widget-wrap">
<div class="textwidget" style="">
<h2>Are you a business owner who is....</h2>
<h4>struggling with do-it-yourself bookkeeping?<br>
stressed without a clear picture of your financial position?<br></h4>
<h2>Bookkeeping Sherpa LLC can get you on the right path. </h2></div>
</div></section>
</div></div>

[eknight74]

Once the opacity is set correctly, I will need to add text that will overlay on the picture. I haven't done that yet. FYI

[eknight74]

http://www.bookkeepingsherpallc.com

I edited the post to contain the correct link but it didn't save it. Thanks.

[Author]

Posts