84 comments found.
I want to add login, register, my account, logout in horizontal menu. But As a guest login, register should display . As a login user my account, logout. This is damn requirement for me please tell me how to do this.
Hi there. Tactile doesn’t have menu items depending on login states nor does it advertise to. So you’d need to get something like this done as a customization. There are plugins out there probably can do this as well though. Try googling “wordpress menu items if logged in” for example.
Cheers.
Hi,
Is it possible to use your mobile menu for “smartphone” size only and to keep the theme’s original menu for the “tablet” and “desktop” sizes?
smartphone —> your mobile menu
tablet + desktop —> theme’s original menu
Is it possible like this?
Thanks!
Hi there.
It is. You can specify the resolution at which the menu will be displayed on the plugin’s settings page.
Cheers.
That’s good, thank you 
May I ask you two more questions please:
1 — When I specify the resolution on your plugin’s settings page does this “overwrite” the theme’s original menu then? Or are there any further changes required in order to make your Mobile Menu work for smartphones (instead of the theme’s menu)?
2 — Does the same work with your other plugin called “TapTap Mobile Menu” too?
None of my menus don’t interfere with themes. If you want to hide your theme menu at mobile resolution then a simple line of css will do though, your theme developer should be able to give you that very quickly.
And yes, TapTap has the resolution setting as well.
I’m really sorry but I don’t understand what you mean.
Your Mobile Menus look great in your demo sites. Therefore I want to use your Mobile Menu in smartphones (only in smartphones because the theme’s menu looks odd in smartphones).
So after installing your plugin I will go to the settings page of your plugin and define the resolution for smartphones. This was your first reply. Does your Mobile Menu appear then instead of the theme’s menu? – Or what else has to be changed to show your mobile menu instead of the theme’s menu?
My menus don’t interfere with theme menus. If you want to hide your theme’s mobile menu, contact your theme developer. They should be able to quickly give you a line of css that will hide your theme’s mobile menu.
Pre-buy Question:
Is there a way to make the menu look and behave like the sidebar flyout?
Hi there. You can place a secondary menu via widget into the fly-out sidebar, but the main menu can’t be made to look like that. If you want the main menu to be slide-out, look at my Morph menu plugin.
Cheers.
What are the dimensions that pongo for the menu appears in mobile and does not appear in computers?
Hi there. Something like 500 and 5000 should do.
Continues to appear on computers ):
Then something is set up incorrectly. Send me your URL through the form on my profile and I’ll have a quick look at what you have going on there. I can’t do anything blind Include logins as well if you can.
My website is: http://ciezapuede.es/
You have set the resolutions to 10 and 12, not 500 and 5000 as suggested.
Check Now ):
The error still persists.
I see everything working fine. The menu is shown only if the resolution is lower than 500 pixels. The menu also shows on desktop if your browser is narrower than 500 pixels of course, if that’s what you meant in the first place. This is so responsive websites would look the same regardless of the device, touch or not (otherwise a responsive site like yours would look strange if your desktop menu goes away at a certain resolution and is replaced with nothing).
Cheers.
Hello,
Is there a way to hide menu from non-logged-in users during testing stage?
Thanks!
Hi there, not without modifying the code a bit. If you know how, you can wrap the menu code in the “is_user_logged_in” function. If not, send me an email through the form on my profile and I’ll send you a modified version, it’s very quick to do.
Cheers.
Hey there!
Looking forward to buy this but i have a little question!
Is it possible to only display the swipeable menu ?
Thanks
Andrew
Hi there. Yes, you can hide the main menu and only use the horizontal menu if you wish (logo will still be visible though, and optionally search and the sidebar button).
Cheers.
It is possible to hide the top main menu container! So that only the horizontal slider is visible? Thanks
Add this to the bottom of tactile.css (you can access it under Plugins > Editor):
.tactile-menu-button-wrapper,
.tactile-logo-wrapper,
.tactile-menu-wrapper,
.tactile-search-button,
.tactile-search-border,
.tactile-search-border-main-menu-hidden,
.tactile-search-wrapper,
.tactile-search-wrapper-two,
.tactile-sidebar-button { display:none; }
.tactile-header,
.tactile-header-background-image,
.tactile-background-color,
.tactile-horizontal-menu-wrapper { margin-top:-60px; }
Hi! After adding the CSS i am having this issue:
the spacing is to high: http://snag.gy/E00ye.jpg
and the translucent background is gone : http://snag.gy/dvHYY.jpg
The rest is perfect !
Thank ahead for the support !
Send me your URL. I’ll need to see the site.
Oh yeah sorry! http://dev.labrecquedoyon.ca/
You’ve made other changes in tactile.css as well (for example, the set height under ”.tactile-header” is for some reason set to 0px).
To keep it simple, install a fresh version of Tactile and then do the following:
In tactile.php, change “body { margin-top:103px; }” to “body { margin-top:48px; }“
And then add this to the bottom of tactile.css:
.tactile-menu-button-wrapper,
.tactile-logo-wrapper,
.tactile-menu-wrapper,
.tactile-search-button,
.tactile-search-border,
.tactile-search-border-main-menu-hidden,
.tactile-search-wrapper,
.tactile-search-wrapper-two,
.tactile-sidebar-button { display:none; }
.tactile-header,
.tactile-header-background-image,
.tactile-background-color,
.tactile-horizontal-menu-wrapper { margin-top:-57px; }
.tactile-header { height:109px; }
Cheers.
Thanks! Perfect … The only thing is the translucent background that doesn’t follow the menu when scrolling down!
Thanks for the GREAT support!!!!
Works fine here. The menu items and background are consistent, no matter the scroll location.
Your right! Thanks Have a nice day
I really like the potential here. I have a few pre-sales questions first:
1) In the hamburger menu, can we specify font family and font size?
2) In the hamburger menu, is that taken from our main/default menu on the site, or can we choose a specific menu (and thus create a custom menu if we choose)?
3) In the sliding menu, can we specify font family and font size?
4) Does this automatically hide the site menu (my theme’s menu resizes responsively depending on screen size). If not, what would I need to do to hide it?
Thanks!
Hi there.
Can’t change fonts/sizes unless you do it through the stylesheet. But yes, both of the menus have their own menu locations, so you can create completely unique menus for Tactile. And Tactile doesn’t interfere with your theme, so you’d need to ask your theme developer how to hide your theme menu (normally just a quick line of CSS will do it, any developer should be able to give you that answer in a heartbeat).
Cheers.
Hi,
In Chrome Inspector, there is an error showing:
Uncaught ReferenceError: Swiper is not defined
found in this piece of code:
<!- BEGIN HORIZONTAL MENU SWIPE ->
var mySwiper = new Swiper(’.swiper-container’,{
scrollContainer: true
});
<!- END HORIZONTAL MENU SWIPE ->
Any ideas how to address? Thanks!
Hi there. Send me a shot of the inspector via the form on my profile (throw it to Dropbox or the like and shoot me the link).
Cheers.
I just sent you a message regarding the site.
How do you put the logo image?
Under Appearance > Customize > Tactile Plugin Logo. For future reference, stuff like this is covered in the documentation as well. Just note that you previously asked how to hide the logo, so you’ll need to undo that change for the logo to show up.
Thank you very much!
How can I delete the large extra white space to the right of the page. Maybe it came from width: 3000px;
Try looking into your theme to see if that’s limiting it somehow. Tactile’s width is 100%, regardless of the resolution.
Cheers.
Ok. I’ll check it.
Is it possible to make menus centering?
H
Nope, just left alignment.
Okay.
Is there any way to hide logo area (above border area). I want to make it just one line and put the logo beside the menus.
.tactile-logo-wrapper { display:none; }
Thank you very much! Is it possible to move logo to beside menus?
If you mean the horizontal, then that’s something you’d have to hire a freelancer for. It’s too much for a freebie change. I’d gladly take it on myself but I’m backed up til summer at least with custom work.
The code is very well marked though, so whoever does this for you won’t have any trouble finding what’s where.
Cheers.
Thank you very much. I was looking for the awesome plugin to make menu similar to https://www.apple.com This is very good plug-in. thank you very much.
Hi this is a great plugin. Question – I have implemented the widgetized sidebar but do not wanted displayed on larger resolutions like the Tactile menu itself. How can I hide it?
Hi there. Add the following to the bottom of tactile.css and change the 600px value to the resolution you want it hidden at.
@media ( min-width:600px) {
.tactile-sidebar-button { display:none; }
.tactile-search-button { right:15px; }
}
Cheers.
Hello, is there a way for me to change the menu “hamburger” icon? I would like to have the icon larger and also the text “Menu”, much like the way the TIME.com website has when viewing on a larger browser size. I could create a new icon, but I’m not sure how/where I would implement it.
Since we intend to use the Tactile menu as the primary menu when viewing on larger or smaller browser sizes, having the menu text would help those who are not familiar with the mobile menu style. Inspired by the TIME.com website.
Regards, Frank
You’ll find the code well marked for cases such as this. For the menu button, just locate the <!-- BEGIN MENU BUTTON --> marker. All the classes etc are there (then just change them in tactile.css). If you lack the know-how to make the edits yourself, you should really hire a freelancer; I’m swamped with custom work until summer at least I’m afraid.
Cheers.
Thanks, I’ve figured it out – and all done in CSS.
Awesome
Very keen on this.
Are you able to show the sliding menu on icon press (and hide it) as seen on apple.com?
If not, how much extra would you cost to include it?
Hi there. That is not included; by default, the horizontal menu is either visible or hidden. And I’m afraid I’m not taking on custom work at this time.
Hello, we just purchased the Tactile plugin and it is very clean & easy to implement compared to some other responsive menu plugins we been trying. I have a couple of suggestions:
1. Consider adding the ability for users to turn off the horizontal menu on mobile devices where vertical space is even more of a premium. Although I’m sure CSS can be used to hide it manually via breakpoints, it would be more elegant as a settings option.
2. I would second the possibility of using Font Awesome to customize the icon for the menu sidebar for widgets. We are using our menu sidebar for user-related functions like login, sign-up, and social sharing, and feel that viewers would see & grasp the options better if they were to see a user/person icon as opposed to three vertical dots.
But great work on Tactile!
Regards, Frank
Hi there.
1) You can already hide the horizontal menu via the settings page. 2) Never say never.
Cheers.
Thanks, I meant the option to hide the horizontal menu only on smaller mobile device sizes while still being displayed on larger screen sizes.
Tactile is aimed at smartphones though. If you’re using it beyond that and want to hide the horizontal menu, you can just quickly add this css to your site (this hides the horizontal menu if the screen is smaller than 500px):
@media ( max-width:500px ) {
.tactile-horizontal-menu-wrapper { display:none; }
.tactile-search-border,
.tactile-search-border-main-menu-hidden { opacity:0; }
.tactile-header,
.tactile-header-background-image { height:60px; }
}
Cheers.
this is compatible with woocommerce?
Hi there. Haven’t tested but I don’t see why not, it being just a menu and all.
Cheers.
Congrats for the great plugin, just bought and I was wondering if it’s possible to make the search a product only search? Technically it’d be just adding &post_type=product at the end of the search URL, so if you don’t have time to implement this, please just let me know which file should I look into and I’ll try to change the code myself. Cheers.
Also, please let me know how can I change the icon for the widgetised off canvas menu. I want to use a cart icon, cause I plan to place WooCommerce cart widget in there.
Hi there. You’ll find the code very well commented. To alter the search form (in tactile.php), look for the <!-- BEGIN SEARCH FORM --> marker. And to edit the sidebar icon, change the svg code after the <!-- BEGIN SIDEBAR BUTTON --> marker.
Great thanks. Just fixed the search by adding a hidden input and it works perfectly. For the icon I may use Font Awesome, I guess this way I’ll break the animation CSS too which is good, lol. nobody wants a cart icon to be rotated!
BTW, I just saw your latest WordPress mobile first theme, and it’s brilliant. You should definitely look into making a mobile first WooCommerce theme like that, there’s nowhere such a good mobile theme for WC, not here not anywhere else.
Thanks for the kind words
Menu works great, 2 questions:
-where to you add content to the widget sidebar
-can you make an item on the horizontal nav open the widget sidebar?
Hi there. Can’t open the sidebar via horizontal menu but you can add widgets under Appearance > Widgets (into the “Tactile Sidebar Widgets” widget area).
Cheers.
Very nice. I really would need to hide theme menu #divs when this menu appears. Is this possible?
Glad you like it. Tactile doesn’t hide your theme menu but if you know your theme menu’s #div then you could just add a media query to the stylesheet, hiding it at a specified resolution. I might add a field in a future update where classes/IDs can be entered to be hidden but for now, it’s easy to do via css as well.
OK, excellent new features, hope you will help with the menu #divs until the future update is ready.
Is it possible to have a secondary menu in the sliding widget panel? Also is there a max number of items allowed in the main sliding menu?
You just have to use something like this (this example hides #div if resolution is 500px or lower):
@media ( min-width:0px) and (max-width:500px) {
#div { display:none; }
}
You just need to be sure you know the correct class/ID of your theme menu and use that instead of #div.
Cheers.
No limit in horizontal menu items, but you can’t add it to the fly-out panel.
Thanks, my site uses fullscreen rev slider on homepage. Which means it’ll need to conditionally offset the height of tactile whenever it appears. Have you experimented with rev slider?
Nope, haven’t played around with it.
Can the sliding menu support submenus?
Horizontal menu is single-level.
If the “My Brand” site title is 32 chars long, will it fit or wrap or resize
The logo area is intended for site name or logo, not descriptions or taglines. If you put 32 chars there it’ll overlap with the buttons on the right.
The site name is 32 chars, lol
What size logo will that area allow?
Then you’re out of luck on this one. That’s one insanely long site name, btw
