Search Results for 'mobile theme'

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,

@Miriam65 The quickest way for a more accurate answer is to try and provide a link to the website and as many details as possible.

So for example are you using a predefined header template? – http://prntscr.com/oae4m9
In this case the sticky mode can be disabled from the theme panel
– http://prntscr.com/oae6vd

If you are using a cloud header template, then begin by editing the template with the composer. You have to remove the elements that are set to appear when the header is sticky.
Edit the header and activate the sticky mode – http://prntscr.com/njdq41 then remove all the elements that are in sticky mode. The same for the mobile sticky mode.
You can edit the header in all it’s stages, default desktop + sticky desktop, and also default mobile + sticky mobile – http://prntscr.com/oae9en (note that the enable /disable option is only for showing the sticky version in the composer edit screen)

Let me know if you have more questions.

Thanks

Hi,

1. That doesn’t have a font setting in the theme panel, if you want to modify the description font in the default author page template, it could be dome with some CSS
– http://prntscr.com/oadqzr
If you need help with it let me know. Here is the code used in the emxample

.author .author-box-wrap .desc {
font-size: 15px;
}

2. I see the mobile theme is active, you could do that with some CSS as well, for example
– http://prntscr.com/oadtrt

.wp-block-image figcaption {
font-size: 15px;
line-height: 26px;
}

The mobile theme has a dedicated custom CSS section, so the codes entered there will apply only to it – http://prntscr.com/oaduv3
If you need help with it let me know. I should note that in coming updates the mobile theme (which currently does not have any font settings) will receive font settings in the theme panel.

3. That is not actually Helvetica, this font is not being loaded. So the next font in line in the font family is loaded – http://prntscr.com/oadw1n – http://prntscr.com/oadw9k
Please edit the page with the tagDiv composer, click on the text elements and choose different fonts and colors as you want – http://prntscr.com/oadxka and they should apply properly.

Let me know.

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!

Hi,

Yes, but those links are from an ad code that you have insert in theme panel or an ad plugin, those are not from our theme, please deactivate all non theme plugins and remove all ad codes from Theme panel>Mobile them >Mobile ads/AMP ads/AMP Analytics -> https://www.screencast.com/t/K7j4Ozv9MqJ clear all cache and try again, the bottom ads should be gone.

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,

@CRiTiCAL That won’t work in a child theme. Currently the only way of loading code in the mobile header is to manually add it in the file mentioned above. I will make a note of this and it will be considered to add a field for it in the theme panel mobile theme settings.

@Jose That is an interesting suggestion, so something to allow the user to enable/disable the mobile theme for all the categories, posts, pages etc. There will be an option to choose for which pages or posts the mobile theme applies specifically, as an option in the edit screen. I will add this suggestion and it will be strongly considered by our developer team. Thank you for mentioning it.

In the coming theme updates there will be quite a few options added for the mobile theme. These are currently in work, some in testing. All suggestions are welcome. Please let us know if you have more suggestions.

Thanks

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,

Please note that our theme has two different header.php folders for Desktop version and Mobile theme, like this -> https://www.screencast.com/t/hQlhnFsVNbKv -> https://www.screencast.com/t/k3XijmDuQ

Hope this helps!

Thank you!

Hi,

The theme do not control the way how the ads are working, the code that you’ve set in theme and appear in the bottom of mobile have set the links to the same page because the ads show one website -> https://www.screencast.com/t/rwLNmtpMUX

Thank you for your understanding!

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,

This can be achieve only on responsive version, if you are using the mobile theme, the you can not achieve this.
All you need to do is to set the port view on mobile -> https://www.screencast.com/t/YcikfUXZcpcC and replace the search with a button -> https://www.screencast.com/t/nh5lhKOmy

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!