No search results were found in Documentation!
Hi,
Unfortunately that can’t be done, the menu you are using on desktop it’s the same as the one used on mobile but only with a different design.
You can try using this methods, but it wont be easy: https://forum.tagdiv.com/topic/changing-the-mobile-menu/
Thanks
Hi, I have a requirement to use a different menu for the mobile than the desktop.
I have created a new wordpress menu but need to know how I can apply it so it appears on mobile instead of the usual desktop main menu.
Thanks
Hi Lucian,
I forgot to enable the mobile menu – now everything is working!
Thank you so much!
I will rate 5 stars 🙂
Carolin
Hi,
I have tested your site and found no issue’s with the top menu, looks and also responds well to all screen widths.
You can use this custom css to display it on mobile also: http://screencast.com/t/NFOuvSvSWQ7i
Thanks
Hi Lucian,
first, thank you so much for your support! Your provided code works – and it doesn’t work. The menu is floating right and it reacts responsive. But for mobile it is still not visible. (By the way, the logo is “jumping” around when the browser is shrinked.
Do you have one more advice?
Thank you,
Carolin
Hi Lucian,
thanks for your help. I tried your css and it works. But when I move the top header menu items to the right (using this css):
header menu
*/
.td-full-layout .td-header-menu-wrap,
.td-boxed-layout .td-header-menu-wrap .container {
background-color: #2b2b2b;
padding: 2px 0 4px 890px !important;
}
The top header menu is not visible on mobile. Do you have any idea how to show the top header menu items on the right AND showing them on mobile?
Thanks a lot,
Carolin
Hi,
I’m not sure what do you want to do, the top menu it’s already responsive. If you need to enable it on mobiles you will have to do it via css because the top menu it’s hidden on mobiles by default: http://screencast.com/t/ck4PFM7JvM
@media (max-width: 767px){
.td-header-menu-wrap {
display: block !important;
}
}
Hope this helps!
Thanks
Hi,
@mehedi
Please check your site, the mobile logo dose appear on smart snap menu and also on mobile version of your site: http://screencast.com/t/zdJSHZ08whhg
http://screencast.com/t/ik2xBeKBqdT
Thanks
Play around by adding different logos to the Retina section. For example – assign on logo for 1x and a completely different logo to 2x (retina). Then view your site on mobile, and see which logo appears. You can then know what to put where.
Hi,
1. Yes, use the css for those borders like this to only show it in on tablets and desktop screens:
@media (min-width: 768px) {
.td-menu-placeholder .td-menu-header {
border-bottom: 2px solid black !important;
border-top: 2px solid black;
border-right: 0px solid black;
border-left: 0px solid black;
}
}
Or you can use it like this to hide it on mobiles: http://screencast.com/t/XMOsFYY2
@media (max-width: 768px) {
.td-menu-placeholder .td-menu-header {
border-bottom: 0px solid black !important;
border-top: 0px solid black;
}
}
2. Unfortunately that happens, and it’s because of the font being large and if you use many menu items, to fix that you can use smaller font (like you did) or modify the menu items width.
3. That is possible but you will need custom work for that as the same classes are used to make the others elements responsive and setting a fixed width for those would apply to all, you would have to find a way to target just the elements you want and change the css, if you want to do it you can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Thanks for reporting this issues, we will test this.
Thnaks
@Lucian: That’s the problem! I have already uploaded a mobile logo but it isn’t still showing the mobile logo on the smart snap menu. Please take a look at it perfectly. There might a bug
Hi,
@mehendi
I noticed you are using header style 8 so you can upload a mobile logo and that logo will show on smart snap video.
Thanks
Hi all,
Yesterday we managed to migrate our old theme to newspaper.
http://www.musiccorner.gr
Everything looks great but i have 3 small issues.
1. Between the header menu i put a single line which created with the following css code (i found this code from an answer here in forum)
.td-menu-placeholder .td-menu-header {
border-bottom: 2px solid black !important;
border-top: 2px solid black;
border-right: 0px solid black;
border-left: 0px solid black;
Checking the site through a mobile phone (NEXUS 5) i see a black line, in the upper level of the screen. I suppose that this is caused by the CSS????
2. Checking the site through a PC with screen resolution 1152×864, menu is breaking in two lines. I had to reduce the font size in order to fit into one line.
I thought that the responsiveness of the theme could avoid that to happen. Wrong?
3. Scrolling down the first page you wll find a bolock with 5 tabs (different categories).
Those tabs are changing every 5secs but i want to stop the responsiveness for this. Is this possible?
For developing reasons, also keep in mind that enabling Contact form 7 plugin i had the following issues:
Trying to enter o photo into a post through media gallery was not possible. It was tyrying to read the images with no result (blank page). Disabling the Contact form, everything was fine.
Revolution slider could not save a new slide (Ajax error was the message)
Thanks!
S.
Thanks. Tried it. Works a treat!
Hi Lucian,
On V3.3, the theme displayed the Mobile Logo but on V4.4, it isn’t showing it?! Can you please tell me how can I show it on there?
It isn’t a big thing to do that I need to hire a freelancer. After all, you guys has promised “lifetime support” on the theme and I have received good support from tagDiv (especially you).
Please help!
Salut,
Ne pare rau pentru problemele si dificultatile pe care le intampini.
In ceea ce priveste light-box-ul il poti seta asa: https://forum.tagdiv.com/display-image-using-modal-window/ Din pacate o sa fie nevoie sa activezi modala pentru ficare imagine in parte deoarece nu am introdus inca o optiune pentru a o putea seta in mod implicit pentru toate imaginile. Daca doresti o poti dezactiva asa: https://forum.tagdiv.com/topic/dont-want-light-box-for-images/#post-17108
Asigura-te ca folosesti revolutin slider-ul corect si dezactiveaza plugin-ul speed booster-ul acesta poate fii cauza pentru care slider-ul nu este afisat.
Ai aici un ghid care te poate ajuta sa creezi un slider folosid rev slider.
Din pacate in momentul de fata nu poti controla meniul de pe mobile decat folosid css, poti urmarii topic-urile de mai jos sa incerci aceeasi metoda pentru a personaliza meniul pentru mobil:
* https://forum.tagdiv.com/topic/changing-the-mobile-menu/
* https://forum.tagdiv.com/topic/different-mobile-menu-when-using-megamenu-on-desktop/
Avem aceasta chestiune in vedere si vom incerca sa o imbunatatim in viitoarele update-uri ale temei.
Poti crea cate un sidebar pentru fiecare post daca doresti si sa folosestri sectiunea “Post Settings” pnetru a selecta sidebar-ul pe care vrei sa il folosesti, iar widget-urile din sidebar pot fii adugate si folosid shortcoduri deci poti folosi toate elementele din Visual Composer, doar adauga in fisierul functions.php filtrul add_filter('widget_text', 'do_shortcode'); si pe urma poti folosii shortcoduri in widgetul text.
Popup-ul “more article box” poate fi personalizat din theme panel > post settings: http://screencast.com/t/heoKx1jHg
Te rog anunta-ma daca mai ai alte nelamuriri legate de tema.
Sper sa te ajute!
Mersi!
Thanks, that makes sense. Will give it a try this weekend!
Hi,
I want to show a small logo or the mobile logo on the Smart Snap Menu (http://screencast.com/t/jwe27kuyq6). It is currently showing the default logo but I want to replace it with a mobile logo on the Smart Snap Menu.
I believe it is possible. Please help.
Thanks.
But if i change the header style, i won’t keep the logo, and the menu below. How to keep it ?
Hi Lucian,
Thank you for the reply and apologies for the slow response on my behalf.
Appreciate the response there.
Hi,
Unfortunately that would be the beast way, you can’t build a different menu for mobile only.
If you inspect the menu items you will noticed that each has a unique class, like “menu-item-4630” in this case, so you will need to use that class to hide the menu item which you don’t want to show up on desktop/tablets screen, then another css to hide the menu item you show on desktop and tables on mobile, below you have some screenshots which will make you understand this better:
* http://screencast.com/t/giGXF0RF
* http://screencast.com/t/iSEqUzAbFsVc
* http://screencast.com/t/Suboukyr8z
* http://screencast.com/t/vRvCuGd497M
You could also build the top menu as you like, the top menu it’s hidden on mobiles but you could customize it then hide it on desktop and use it on mobile.
Here you have the css I used for the example:
@media (min-width: 767px) {
.menu-item-4630 {
display: none;
}
}
@media (max-width: 767px) {
.menu-item-2962 {
display: none;
}
}
Thanks
-
This reply was modified 11 years by
Lucian.
Your welcome!
Hi,
Is there an option to have different items in the mobile menu to the desktop version? I can’t find the option to set the mobile menu content.
I did see this https://forum.tagdiv.com/topic/different-mobile-menu-when-using-megamenu-on-desktop/ . If this is the only way to do it what would the custom css be to hide subcategories which duplicate under the mega-menu on desktop?
Thanks,
Sean
Thanks! It works great.
Hi,
Is it possible to edit the offset for desktop and mobile? I’m still running V3.x and i’ve made the sticky menu fluently on desktop, but its not fluently for mobile… Is there any way to set different offsets?