Search Results for 'mobile'

Hi,

I am assuming it does not work fine on mobile, that is what I can see in the screenshot. On mobile try removing the float properly. Use a code like this and see if it displays properly

#ad1 {
float: none;
}

Enter it in Theme panel->Advanced CSS in the phones section. However it would be helpful if you could provide a link to your website if possible, so we can see the issue and try to give you a more accurate solution.

Thanks

Hi,

I think this is somewhat of a misunderstanding. If you would like to display a smaller font size on mobile for the article titles in the big grid, use something like this
– https://www.screencast.com/t/V8Y2HOsw6
Please remove the previous code related to the big grid (leave the one for the block), and enter this one in Theme panel->Advanced CSS in the phones section

.td_block_big_grid_12 .entry-title a {
font-size: 12px;
}

Please let us know if this is a solution in this matter.

Thanks

Hi,

In those posts it is not happening anymore, but there are others where it is
– https://www.screencast.com/t/PCaVCqm2
– https://www.screencast.com/t/LL7VO2hKxh
What I meant was to deactivate all plugins except theme plugins including the mobile theme, leave that active. Everything should work properly after this, usually plugins are the cause for this kind of problems. Or maybe if there have been modifications to the theme files directly.
The mobile theme plugin is optional, you could simply deactivate it as well. The main theme is fully responsive and will adapt the website for every device.

Thanks

Hi,

Please note that the mobile theme will probably not display properly or at all advanced and complex elements like that. It would be best if you would deactivate the mobile theme plugin and use the default responsiveness of the theme. This mobile plugin is optional, the main theme is fully capable of displaying properly on all devices.

Thanks

Hi,

I see you have managed to change the background color for the menu on mobile, to white as you wanted. That can be done in the theme panel
– https://www.screencast.com/t/vuqdE4Gfs
More settings are available in the same section for the mobile menu colors.
There is no setting to make the logo display like you want, above the menu bar. The logo is part of the menu container along with the menu
– https://www.screencast.com/t/p0P3OfrujThat could only be done with custom code or modifications to the theme files.

Thanks

Hi,

There is no option to disable the comment when using the mobile theme. However you could make a small modification in the theme and remove them from the post page on mobile. Comment or remove this line of code from this file
– https://www.screencast.com/t/o426OMatf0
– https://www.screencast.com/t/ZP0myqMNg
This will remove the comments from the post page when using the mobile theme. Or you can enter a code like this in Theme panel->Mobile theme->Custom CSS section

.single .comments {
display: none;
}

If you are not using the mobile theme plugin, this setting from the theme panel will disable the comment for the post page
– https://www.screencast.com/t/1viE3zUtK

Thanks

Hello,

This is probably because you use the mobile theme plugin. Please read this guide: https://forum.tagdiv.com/the-mobile-theme/
If you do not like the mobile theme implementation you can simply deactivate it from the plugins section and the theme will use the responsive version instead showing the same content as the desktop version.

Thank you!

Hello,
On mobile the fonts can only be changed through css so please use this code to change them:
for the big grid:

@media (max-width: 767px){
.td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title, .td-big-grid-post.td-medium-thumb .td-big-grid-meta .entry-title {
font-size: 16px;
}
}

for block 11:
@media (max-width: 767px){
.td_module_10 .entry-title {
font-size: 16px;
}
}

Thank you!

Hello,
You are probably using the mobile theme plugin. That is why the footer cannot be removed because it is not the same on as on desktop. In this case you can remove it with this css code:

@media(max-width:767px){
.td-mobile-footer-wrap{
display:none;
}
}

Add the code in the theme panel-> custom css box.

Thank you!

Hello,
Please install the fontawesome 4 menus plugikn and then add this code in your theme panel-> custom css box:
.td-mobile-content .td-icon-menu-right:before{
content: '\f055';
font-family: fontawesome;
}

Thank you!

Hi,

@agrajewski Form what I can see the mobile theme is not functioning correctly on your website. It is even displayed on desktop in a few cases. This can be caused by the Total cache plugin that you are using. This plugin is known to cause problems in combination with the mobile theme plugin.
You can try to use this caching plugin instead and check the results
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
Please note that when you use the mobile theme, content for pages has to be created using the mobile editor
– https://forum.tagdiv.com/the-mobile-theme/
If you want to display the same content from desktop, deactivate the mobile theme plugin. The mobile theme is optional, not required. The theme is fully responsive and will adapt with the best results for all devices.

@Silverheim What you are describing sound like the problem that was present in the previous theme update. Please check this topic for more information
– https://forum.tagdiv.com/topic/mobile-tabs-not-loading/

Thanks

Hi,

It seems the website is displaying the mobile theme on desktop. That should not happen, it could be caused by a caching plugin that you might have installed or there could be a conflict between the mobile theme and other plugins. This could cause the mobile theme stylesheet to load instead
Try to deactivate all plugins except theme plugins, clear any installed cache and check the results.
Also check any custom code you might have entered in the theme panel sections, or added directly to the theme files.
Something is affecting the theme and interfering with the functionality.

Thanks

Hello,

@gvset001 I think hadharm simply used the loop ad on mobile devices: https://www.screencast.com/t/OHbi6OUb7
This is only available for the mobile theme though.
The code for this element is found here: https://www.screencast.com/t/741fTAZT

Unfortunately we have not tested multiple loop ads at once so you will have to experiment with the code a bit and see if you can duplicate the implementation or change the function to provide multiple ads.

Thank you!