[Resolved] Moving Search icon to the right on mobile..

[Peery]

See attachment… Is this possible?

[Peery]

/* Adds subscribe button on Mobile ONLY */
add_action( 'generate_inside_mobile_header','my_account_mobile_menu' );  
function my_account_mobile_menu() { ?> 
	<div class="mobile-bar-items menu-item-float-right">
		<a class="button go-premium" title="Subscribe" href="https://eqtoption.com/subscribe/">
			<span>Subscribe</span>
		</a>
	</div>
<?php }

Currently how I am calling the button… Thanks! 😉

[David]

Hi there,

try changing the priorty of your hooked element so this line:

add_action( 'generate_inside_mobile_header','my_account_mobile_menu' );

becomes:

add_action( 'generate_inside_mobile_header','my_account_mobile_menu' , 5 );

This should add it before the mobile menu items.

[Peery]

Perfect… but, now…. This happens..

Button stays above when search in focus.

[David]

Edit this line to give the subscribe element a new class:

<div class="mobile-bar-items menu-item-float-right custom-mobile-bar">

Then use CSS to sets it z-index to zero:

.custom-mobile-bar {
    z-index: 0;
}

[Peery]

David.. you are the man! Thank you very much… I knew it had something to do with z-index just didnt know which/where to put it 😉

[David]

It took me a couple of attempts lol
You’re welcome

[Author]

Posts