Menu Appearance
- This topic has 9 replies, 2 voices, and was last updated 3 years, 7 months ago by
Rade Leovac.
-
AuthorPosts
-
November 17, 2019 at 8:33 pm #20716
Rade Leovac
ParticipantI 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.
November 18, 2019 at 12:54 am #20729Zex
ModeratorHello, 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:
Regards
-
This reply was modified 3 years, 7 months ago by
Zex.
November 18, 2019 at 1:01 am #20731Rade Leovac
ParticipantAmazing! 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.
November 18, 2019 at 1:04 am #20732Rade Leovac
ParticipantAnd 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.November 18, 2019 at 1:11 am #20733Rade Leovac
Participant
(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.
November 18, 2019 at 1:17 am #20735Rade Leovac
Participanthttps://ibb.co/YZTPcxW
(The link wont work in previous post)
Again, I’m sorry.November 18, 2019 at 5:34 am #20740Zex
ModeratorHi,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:
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/pycogjRegards
November 18, 2019 at 5:45 am #20741Rade Leovac
ParticipantOkay, 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!November 18, 2019 at 6:52 am #20747Zex
ModeratorUnfortunately 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.
November 18, 2019 at 10:07 am #20751Rade Leovac
ParticipantOkay, thanks anyways.
Kudos! -
This topic was modified 3 years, 7 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.