Shop Categories

X

Change position of mobile menu icon

Home Forums Agama Pro Change position of mobile menu icon

Topic Resolution: Resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #9070
    jsheldrick
    Participant

    Currently, my mobile menu icon appears on a row below the header logo. How can I position the menu icon in the same row as the header logo, but to the header logo’s right?

    #9074
    Zex
    Moderator

    Hello, jsheldrick!

    Next code should work for you:
    (Insert it in Customizing->General->Additional CSS
    https://prnt.sc/jeqprl)

    .mobile-menu-icons, .mobile-menu-icons li{
      float:right;
      clear: none;
      width: auto;  
    }
    
    #masthead .logo{
     float:left;	
    }
    

    If the code does not work for you, please give me an address to your website.

    Regards

    #9102
    jsheldrick
    Participant
    This reply has been marked as private.
    #9104
    jsheldrick
    Participant
    This reply has been marked as private.
    #9107
    Zex
    Moderator

    Hello, jsheldrick!

    Add the following code, along with the codes I gave you earlier:

    @media screen and (max-width: 479px) {
      .mobile-menu-icons {
        width: 10%!important;
        clear:none!important;
      }
    }

    Regards

    #9139
    jsheldrick
    Participant

    Thanks! I appreciate the prompt support.

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