Shop Categories

X

Menu Appearance

Home Forums Agama Pro Menu Appearance

Topic Resolution: Resolved
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #20716
    Rade Leovac
    Participant

    I want to make my menu not appear as a hamburger but as a word ‘MENU’. Also, the background of the header is too large when on mobile view, it takes 30% of the screen, i want to format my header in such a style :
    Menu, Logo, Search right next to each other, is it possible with agama?

    my website is Lidijanikolic.com

    • This topic was modified 3 years, 7 months ago by Rade Leovac.
    #20729
    Zex
    Moderator

    Hello, Rade!

    If you want to set the smaller Header height in the mobile view and replace the Hamburger menu with the text, please insert the following codes into Customizing->General->Additional CSS:

    @media screen and (max-width:992px){
        h1.site-title a {
    font-size: 8vw!important;
    white-space: nowrap;       
    }  
    .sticky-header .pull-left{
     float: left!important;
    } 
    .mobile-menu-icons{
     width: 20%!important;
     clear: none!important;
     text-align: right!important;
    }
    .mobile-menu-toggle:after{
        font-family: Raleway!important;
        font-size: 16px!important;
        content: "MENU"!important;
        }
    }

    Set the “font-size” and “Content” value per your wish.

    As for the search in the mobile view, please check the answer from the following post:

    https://theme-vision.com/forums/topic/how-do-i-place-the-search-engine-on-the-cover-for-mobile-phones/#post-15700

    Regards

    • This reply was modified 3 years, 7 months ago by Zex.
    #20731
    Rade Leovac
    Participant

    Amazing! The only thing i wanted is for the ‘menu’ to appear in left, the ‘logo’ or in my case text to be in center, and search in right. is that possible? (I tried adding position: relative; instead of relative left but nothing happened.

    #20732
    Rade Leovac
    Participant

    And while i have your attention, is it possible to make a footer menu, and the primary menu just a click that makes the site scroll to the footer where i have an actual list, not a drop down one?
    Sorry if im asking for too much, this is a design i had in mind, i don’t mind if its impossible.

    #20733
    Rade Leovac
    Participant

    Menu
    (Obviously ‘menu’ instead of hamburger)
    This is how i want it to look, and if possible add the scroll to footer menu feature, but if not im aight with that as well.
    Sorry for many posts I just wanna portrait it as good as I can to you.

    • This reply was modified 3 years, 7 months ago by Rade Leovac.
    #20735
    Rade Leovac
    Participant

    https://ibb.co/YZTPcxW
    (The link wont work in previous post)
    Again, I’m sorry.

    #20740
    Zex
    Moderator

    Hi,Rade

    Unfortunately, that is the way the Agama Pro Menu looks.

    But you can always try to create a custom menu type using the available plugins. Check out the following plugin, it may help you:

    Max Mega Menu

    If you want to have a link to scroll to the Footer, you can insert the next path as a custom link into your main menu or as the slider button link:

    https://lidijanikolic.com/#colophon

    https://prnt.sc/pyco25
    https://prnt.sc/pycogj

    Regards

    #20741
    Rade Leovac
    Participant

    Okay, that’s a great suggestion! Thanks!

    The header can’t be made to display menu then logo or in my case text and then search button?
    This is my final question regarding this subject, thanks a bunch and sorry if i’m bothering you!

    #20747
    Zex
    Moderator

    Unfortunately no. (With the Current available Agama Header styles)

    But I think, with the help of the Max Mega Menu plugin you can replace the default theme menu on the mobile view with custom made. So I suggest you to give it try.

    Best regards.

    #20751
    Rade Leovac
    Participant

    Okay, thanks anyways.
    Kudos!

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