Site logo

Archived topic

Mobile

1 reply · Started by Jonathan D. on December 8, 2016

Viewing posts 1–2 of 2

Hello,

Hello every one I hope you are well, I was buy the theme and I installed and i configured all but when I try to configure in the phone I can’t to do the fallow:

Can you help me to put my search on mobile phone option in the part of top, and like this picture: http://prntscr.com/dgs3cl

Please can you help to to change in the mobile phone the Slideout Navigation to make open from the right site like this picture: http://prntscr.com/dgs3sk

I’ll appreciate your help a lot.

thank you

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 :)

This archived topic is closed to new replies.