Menu Appearance

[Rade Leovac]

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, 4 months ago by Rade Leovac.

[Zex]

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, 4 months ago by Zex.

[Rade Leovac]

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.

[Rade Leovac]

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.

[Rade Leovac]

(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, 4 months ago by Rade Leovac.

[Rade Leovac]

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

[Zex]

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

[Rade Leovac]

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!

[Zex]

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.

[Rade Leovac]

Okay, thanks anyways.
Kudos!

[Author]

Posts