Tina
Artisteer Team
|
It's possible to customize navigation under Menu->Levels->Options
|
|
S
|
Thank you. That is not what I was asking about.
|
|
S
|
Thanks, Nick. What I actually meant was if anyone knew of anything cuter to use than the ugly hamburger. That is IF it is going to be there anyway. I asked this late last night, I suppose I could dig around a little bit and try to find what I'm looking for instead of asking a quick question just prior to going to bed and hoping a response would be there in the am. My bad.
|
|
jrgweb
|
@S - I've done this with an image.
example: http://demo.artisteertoday.com/menu_respon_image/
code: .art-menu-btn:hover span {
background: none !important;
}
.art-menu-btn span {
background:transparent !important;
}
.art-menu-btn {
background-image: url('images/joomlaicon.png')!important;
background-size: 100% !important;
background-repeat: no-repeat !important;
}
|
|
jrgweb
|
@Senapi - Try this:
.art-menu-btn {
background-image: url('http://www.schoonheidsverzorgingmarlies.be/images/responsivebuttonmarlies.png ')!important;
background-size: 100% !important;
background-repeat: no-repeat !important;
}
|
|
Cool
|
Quote S:
Anyone know of an alternative to this when one of these ugly things would normally appear in responsive design?
I like how you use something non standard so people wont know to click it. lol
|
|
Senapi
|
@jrgweb
I'm seriously late, but thank you very much for your time and expertise.
One more question about the responsive button. Is it possible to remove the shadow behind the button?
Again thanks in advance
|
|
jrgweb
|
.art-menu-btn {box-shadow:none!important;}
|
|
senapi
|
@jrgweb
I've been able to do a great job with the responsive buttons, but I want to use them in a flat design.
If you look at www.ovekot.be on a smartphone you'll see the adjusted button (which is great), but I still have a border around it. I would like to lose the border.
I applied the first code you implemented in this thread.(not for schoonheidsverzorgingmarlies)
I understand that the menu button isn't a menu which you can easily adjust.
Again I would be greatful if you could help me out.
|
|
Me
|
Is it really smart to use something nonstandard?
Everyone even old people are starting to recognize the hamburger means menu.
If you use something else there is a good chance you'll confuse and lose your visitors.
|
|
jrgweb
|
@Me
Looks like senapi is going to use the hamburger menu but without border, shadow and maybe a different background color.
I know @S wanted a different image but I do agree with your comment.
|
|
ScottN
|
Quote Me:
Is it really smart to use something nonstandard?
Everyone even old people are starting to recognize the hamburger means menu.
If you use something else there is a good chance you'll confuse and lose your visitors.
Ummm... you might want to see: http://exisweb.net/mobile-menu-abtest
They did a study comparing the use of the Hamburger, Hamburger + the word Menu, the word Menu by itself, and the word Menu with a border, etc.
The winner is... the word Menu with a border around it. In other words, it beats out the Hamburger.
Based on this, I'm moving toward using the word "Menu" as a button. jrgweb has a good post with good CSS here:
http://www.artisteer.com/Default.aspx?post_id=237066&p=forum_post
- Scott
|
|
jrgweb
|
@ScottN
Thank you for this information. Have not seen this before.
That said, web design/development aside, I still see the hamburger
menu from the larger companies.
Will be interesting to see if things change down the road.
|
|