Hi there,
I would suggest using the built in navigation search in “Customize > Layout > Primary Navigation”.
If you want the full bar, you could do something like this:
add_action( 'generate_inside_navigation','tu_mobile_search' );
function tu_mobile_search()
{
?>
<div class="mobile-search hide-on-desktop hide-on-tablet">
<?php get_search_form(); ?>
</div>
<?php
}
Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/
@media (max-width: 768px) {
button.menu-toggle {
display: inline-block;
width: auto;
margin-top: 7px;
margin-right: 7px;
}
.mobile-search {
float: right;
}
.mobile-search input[type="submit"] {
display: none;
}
}
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
As for the slideout menu, this should help: https://generatepress.com/forums/topic/reverse-flip-position-of-slideout-menu-right/#post-175356
Off to bed for me – will check back in the morning 🙂