Search Results for 'mobile menu'

Hi,

Yes, you can have sub menus in mobile theme, but not mega menu as sub menu, the submenu need to be set as in this documentation -> https://forum.tagdiv.com/main-menu/

Thank you!

Hi,

Indeed the menu in mobile version is not working on post and you get some errors in console -> https://www.screencast.com/t/koEbs3qZrFI

Please make sure that all the settings are like in our requirements, please follow the guide carefully
– https://forum.tagdiv.com/requirements-for-newspaper/
and please increase all requirements that are lower, and follow all steps.

Please make sure that you do not have a plugin conflict with untested plugins, please deactivate all plugins and child theme ( if you are using ) and let only the tagDiv Composer , clear all cache, deactivate the cache plugin and try again.

Here are some resources I found online, maybe they are helpful
– https://coffeencoding.com/load-google-fonts-5x-faster-in-wordpress/
– https://stackoverflow.com/questions/54277912/ensure-text-remains-visible-during-webfont-load-not-getting-resolved-in-google-p
– https://css-tricks.com/snippets/css/using-font-face/
– https://developers.google.com/web/updates/2016/02/font-display

Let me know the results!
Thanks.

Hi,

Now I understanding, you are referring to the sing in/ join image, https://spurt.no/wp-content/uploads/2019/07/mobile-theme-menu.png this will appear only if you have this option activate -> https://www.screencast.com/t/GkWS6qCmBD also the normal sub-menus will be display in mobile menu, only the mega menu will not be display -> https://www.screencast.com/t/ccU0Z4DE -> https://www.screencast.com/t/0vPqCxc6yKaC results -> https://www.screencast.com/t/KvRzVSkf

Thank you!

Hello !

Please add this custom css code in order to activate your dropdown menu arrows:
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}

The code need to be set in Theme panel> Custom code> Custom css

Thank you!

That is not possible, the menu that is displayed inside the menu modal is the header main menu – http://prntscr.com/oaeely
I forgot to mention that there is currently an issue with the sub-menu arrows not appearing on responsive mobile, please enter this code as well to make theme visible
– http://prntscr.com/oaefia
The issue will be permanently solved in the next update. here is the code

.td-mobile-content .td-icon-menu-right {
display: inline-block;
}

If you should consider using a cloud header template, then it would be possible to set any menu you want on mobile – http://prntscr.com/oaegxz regardless of the menus you use on desktop.
These are cloud header templates designed by us – https://cloud.tagdiv.com/#/load/Headers which can be imported and customized. You can also create templates from blank
– http://prntscr.com/oaei2m

If you have more questions let us know.
Thanks

Hi,

Please remove the background image from Newspaper > Theme panel>Background > Mobile menu/search background and Join in/ join background -> https://www.screencast.com/t/7oDoAmZ1T after that please clear all cache and try again.

Thank you!

Should happen by next week, but I really can’t say for sure. However I can provide a solution to this issue. The file where the problem is, is this one
– http://prntscr.com/o9v51r

Depending of what is easier to do for you, either replace the file by deleting it and uploading this one – http://cdn.tagdiv.com/wp-content/uploads/2019/07/menu-mobile.zip
(unzip it and then upload it).

Or edit the file in question and remove all the code in it, then enter this one
– https://pastebin.com/smh8hy9P

Please try it and the problem should be solved. In the next theme update it will be fixed by default. Let me know, and sorry again for the inconvenience.

Hi,

I’ve checked your website and your menu is look normal -> https://www.screencast.com/t/jpCNu1wA in desktop version and on mobile you’ll need to add in Theme panel>Custom code> Custom css this custom css
https://www.screencast.com/t/8bYNrDFy
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
Also if the shortcode for translating still appear in menu after you deactivate those plugins, you’ll need to remove theme manually.
If there is still a problem, just let me know!

Thank you!

Hi,

I modified that code, so now the top menu appears on mobile – http://prntscr.com/o9j62r
If you want to use the sticky code from above as well, the result will be like this, on sticky mode – http://prntscr.com/o9j6h8

Here is the code

@media (max-width: 767px){
.td-header-top-menu,
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}
.td-wpml .menu-top-container .top-header-menu > li {
display:inline-block;
}
.td-wpml .menu-top-container .top-header-menu > li a {
margin-right: 16px;
}
.body-td-affix .td-header-top-menu-full {
position:fixed;
top:54px;
}}

If needed I could modify this code. Let me know.

I should note that with the cloud header templates you can design the header on both desktop and mobile, both default mode and sticky mode. These are templates built by us that can be imported and modified if needed
– https://cloud.tagdiv.com/#/load/Headers
You can also build your own using a blank header template – http://prntscr.com/o8vge6
Here are some articles – https://tagdiv.com/newspaper-theme-customize-the-header-manager/
– https://tagdiv.com/header-main-menu-newspaper-theme/
And a guide about the cloud plugin – https://forum.tagdiv.com/tagdiv-cloud-library-plugin/

Thanks

Hi,

In order to achieve all those you’ll need to use the tagDiv Composer and Header manager .
Please check those topic too:
-> https://forum.tagdiv.com/topic/how-do-i-change-join-to-subscribe-feature-on-top-bar/
-> https://forum.tagdiv.com/topic/how-to-add-extra-features-on-top-bar-like-donate-my-subscriptions-subscribe/
-> https://forum.tagdiv.com/topic/on-mobile-menu-how-do-i-replace-search-with-subscribe/

Thank you!

Hi,

There is no need for any kind of css for your mobile menu. The menu that you have set do not have sub-menus on mobile theme -> https://www.screencast.com/t/M3wKAO8VoM3a ( notice that if you have a mega menu this will not be display in mobile theme as on desktop, the sub-menu of mega menu will not show ), also you can create a new menu for mobile theme and set in it the pages/post you want -> https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

For footer you can try this custom css -> https://www.screencast.com/t/s6PkHD5Qi
.td-mobile-footer-wrap{
display: none
}
The code need to be set in https://www.screencast.com/t/GlDtNriqXR

Thank you!

Hi,

There was set a path for a background image that not longer exist ( the image ) in Background mobile menu and search and that was why there it takes about 2-3 minute to open the menu.

Thank you!