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

Home Forums Support Moving Search icon to the right on mobile..

  • This topic has 6 replies, 2 voices, and was last updated 11 months ago by David.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1045739
    Wes Peery

    See attachment… Is this possible?

    attachment

    #1045741
    Wes 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! 😉

    #1046036
    David
    Staff
    Customer Support

    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.

    #1046044
    Wes Peery

    Perfect… but, now…. This happens..

    screenshot

    Button stays above when search in focus.

    #1046069
    David
    Staff
    Customer Support

    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;
    }
    #1046074
    Wes 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 😉

    #1046081
    David
    Staff
    Customer Support

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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.