Search Results for 'mobile theme'

Hello,
Unfortunately here is no simple way to do it. You can use custom css to re-size the logo:
.td-header-style-8 .td-header-sp-logo img{
max-width: 85%!important;
}

It will probably need extra css customization for positioning. If you cannot do this yourself we recommend hiring a freelancer to help out.
As for the mobile version, there is no easy way to disable it unfortunately. You will have to edit the theme files (tablet version is the same as desktop). We have no easy solution for this unfortunately.
Thank you!

Hello,
Unfortunately we have no easy solution for this. The mobile version is the same as the desktop version so any change will affect both versions of the theme. You cannot re-position the sidebar with css in the mobile version and changing it from the theme files will affect the desktop as well. Unfortunately this will not be an easy task to do so we recommend hiring a freelancer to help out as we cannot offer any custom work at the moment.
Thank you!

Hello williamgalipeau,

1)I have checked your website and saw the problem with your logo on the mobile version. To fix it, please try the code below and add it in Theme panel->Custom CSS area.

.td-logo {
width: inherit!important;
}

The result you should see here -> http://screencast.com/t/6MxChnLKLwg

2)I have checked your website and saw these dimensions for your footer logo -> http://screencast.com/t/VXIbUIzB and also I saw that you use some CSS code to increase the width of this image…I do not recommend this
because using this method you have zoomed in the natural image and the quality of this disappear and this is the reason for blurry image for footer section. Please try upload a bigger dimension for your logo from your Theme panel and check again how it works for you. -> http://screencast.com/t/WkLaVBEiAY6

For more information about logo&favicon, please consult our documentation here -> https://forum.tagdiv.com/logo-favicon/

Hope tyhis helps and let us know how it goes!

Thank you for the message!

Hello bcnjmlopez,

The whats-up button already exists on your theme but it appears only for the mobile version (feature available for 6.6 version or later -> http://screencast.com/t/XiG2Gx6Zeuqn). If you want to display for other devices, please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-social-whatsapp {
display: inline-block !important;
}

The result you should see here -> http://screencast.com/t/H3lbpNLYNQTV

For adding Linkedin button, please consult this topic and try to implement this for your side -> https://forum.tagdiv.com/topic/social-media-button/

Hope this helps!

Thank you for the message!

Hello firetoss,

Unfortunately, this kind of plugin is not tested with our theme and we have not idea about the theme behaviour with this plugin, sorry. You should try to instal it on your side and see how it works for you. Please notice that we have a list with tested plugins like this -> http://screencast.com/t/QuMzIjuW which the theme works fine and also we cannot provide support for untested plugins. If you want to change the code where the menu is generated, you have to alter the code from these files -> menu-mobile.php and header-menu.php. -> http://screencast.com/t/5aNvKGFvrA -> http://screencast.com/t/xatfi0Js
If you want to display more levels in our theme and you are not aware the steps in this regard, please consider hiring a freelancer/developer to implement this functionality for you because we cannot provide custom services at the moment, sorry!

Thank you for your understanding!

Hello,
This is a known issue with our theme and it comes from the photon feature of jetpack. Please disable photon and the jetpack mobile theme as these 2 features are known to cause issues with our theme.
thank you!

Hello Sayeed,

If you want to disable all the sidebars in mobile and tablet mode, you need a bit of CSS to hide this option. Plase try the code below and place it in Theme panel->Custom CSS area, like this: http://screencast.com/t/5iPUuNZoso3l

@media (max-width:767px){
.td-ss-main-sidebar {
display:none;
}
}

The above code is only for posts. If you want to hide them for pages, it is not a simple task because it is not easy to target the sidebar class and it depending on how you set the sidebars for pages. As a method to add the sidebar for pages would be with Visual Composer and with Widgetised element, like this: http://screencast.com/t/dXPluCP9xJy or you have to edit each column for responsive from Visual Composer because it is not a specific class for this kind of sidebar to hide it with CSS, like this -> http://screencast.com/t/avmaxUjj5Ala

The code is ->

@media (max-width:767px){
.wpb_widgetised_column {
display:none;
}
}

Please notice that the more article box is not displayed for the mobile version by default.

@media (max-width: 767px){
.td-more-articles-box {
display: none !important;
}
}

If you want to activate for a mobile version you have to switch to display:block!important

For your second request, if you want to reduce the size for the next/prev button on smart list 7 you have to use a bit of CSS. Please try the code below and place it in Theme panel->Custom CSS area.

.td-smart-list-button {
padding: 7px 10px;
font-size: 14px;
}

Hope this helps and let us know how it goes!

Thank you for the message!

Hello chand3g,

I have checked your website and saw that you are using Header Style 8. Please try the code below and add it in Theme panel->Custom CSS area and then your top bar menu will be displayed in the mobile version.

The code is ->

@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-style-8 .td-header-top-menu {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
}
.td-header-style-8 .td-header-top-menu {
margin-left:0;
width: 100%;
}
}

The result you should see here -> http://screencast.com/t/MRdAUcys3PK

For your second request, unfortunately, I do not understand very good on what you are referring to. Please provide more details about your desired changes so I will be able to provide a more accurate response.

Thank you for the message!

Hello Samron,

In most cases this issue is due from mobile theme module from Jetpack. Please try to disable all the active plugins, leave just Visual Composer, clear all cache and install only the plugins that come bundled with our theme and rule out the conflicting plugins. It is necessary to follow this steps because some untested plugins used by you could cause some interference between theme and these plugins and create this kind of issue. After this, try to enable your plugins one by one and find the culprit. If your problem is still there after my advice, please send us an email at contact@tagdiv.com whit your log-in information (wp-admin) so we can further inspect the issue. Also, please provide the link to this topic so we know who you are and what the issue is.

Hope this helps and let us know how it goes!

Thank you for the message!

Hello and thank you for purchasing the theme,

This error does not come from the theme but from the jetpack mobile theme option .Please remove this feature and make sure you remove photon as well as these 2 options from jetpack are known to cause problems.

Thank you!

Hello,
Unfortunately there is no easy way to remove the sidebar only on the mobile version from the code. The sidebar is the same for desktop and mobile only styled different using css. In order to pull this off, you will need to edit the theme files and create conditions for the sidebar. We recommend hiring a freelancer for this one as there is no easy solution for it. It will have to be hard-coded.
Thank you!

Hello letenkyzababku,

I have checked your website and I saw that your post content does not have padding-left in mobile mode. This kind of issue could cause by the conflicting plugins. Please try to disable all the active plugins, except Visual Composer, clears all cache and install only the plugins that come bundled with our theme and rule out the plugins in conflict. Also, you can try the code below and add it in Theme panel->Custom CSS area.

@media (max-width:768px) {
.td-post-content {
padding-left:20px;
}
}

Hope this helps!

Thank you for the message!