- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
Hey, Yes, I want to remove it only for mobile theme and I am very well aware that it has totally different place to add codes and have different header.
So, I see http://screencast.com/t/ZIMmqfCqcdx8 but I don’t know what to do here. What do I need to do remove adds from homepage only. I can get the Page ID for homepage using Browser inspector but what to do next?
What’s the code and where do I need to add this code ( probably here: http://screencast.com/t/ZIMmqfCqcdx8)
Kindly be little more instructive 🙂 ( Sorry for being so dumb in coding )
Thank you.
Also the search icon colour… i will change the background colour to white and in that case search icon will be disappeared…
Also, i want to change it for mobile version only.
Thanks Bogdan, as per that topic instructed , i just need to remove this line only from all those 4 td_top_bar_template php files –
locate_template('parts/header/td-login-modal.php', true);
from this code :
<?php if (td_util::get_option('tds_top_bar') != 'hide_top_bar') { ?>
<div class="top-bar-style-4">
<?php locate_template('parts/header/top-widget.php', true); ?>
<?php locate_template('parts/header/top-menu.php', true); ?>
</div>
<?php }
locate_template('parts/header/td-login-modal.php', true);
?>
So that final code will look like following ?
<?php if (td_util::get_option('tds_top_bar') != 'hide_top_bar') { ?>
<div class="top-bar-style-4">
<?php locate_template('parts/header/top-widget.php', true); ?>
<?php locate_template('parts/header/top-menu.php', true); ?>
</div>
<?php }
?>
will doing that also remove the login codes form the mobile theme plugin ?
I think it wud be best to remove it from mobile theme plugin too for our site …for that which files codes will i need to edit & remove ?
Thanks
Awaiting reply
Regards
Hi,
The mobile theme as you know has a different header ad than the desktop theme: http://screencast.com/t/5CyGWerl
If you only want to remove it on the mobile homepage you will have to add a condition around this code:
http://screencast.com/t/ZIMmqfCqcdx8
You will have to use is_page and use the page id number (you can see it in the browser inspector when inspecting the mobile homepage) as the is_home function will not work on the mobile theme.
Thank you!
Hello kaidensharma,
I guess that you want to change the header color background to your mobile mode, right? Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: red!important;
}
}
The result is here -> http://screencast.com/t/spOiDFnXxE
Hope this helps!
Thanks for the message!
Hi again,
Unfortunately it’s not just with smart lists – the same thing happens for all posts.
Here’s an example in a normal post:
Please note the first and second pictures (a molecule and hearts). It aligns on desktop but not on mobile.
I just made it smaller now to show you, but no matter what size I upload in (even 50 x 50 pixels) nothing will right align on mobile.
Any ideas?
Thanks!
I don’t want header ads to appear on the homepage when using mobile theme plugin on mobile.
How can I disable it for mobile?
Hey there,
my website is http://kaidenworld.com
i have re-defined some elements using css… now i want to change the header colour in the mobile version as it is overlapping my logo colour but i am unable. can anyone help?
Hello ks2355244,
Unfortunately, the mega menu has not been designed to be used to mobile mode, sorry! Notice that feature has been designed to be used only for tablets and desktop. Notice that it is not a simple task to implement this feature and if you are not aware of these settings in this regard, consider hiring a freelancer/developer to helps you because we cannot provide custom work at the moment, sorry!
Thanks for the message!
Hello Alex,
Notice that it is not a simple task to simply copy and paste the code, sorry! As you can see, we have a lot of demos and each of them has own custom CSS code which can be found in the demo folder, like this -> http://screencast.com/t/ZkfERDa1vAf You will have to do some adjustments through code in order to achieve the same menu to your side. Also, if you want to change the menu for mobile, notice that the theme has not been designed to use another menu style than the existing one.
If you want to display more levels in the theme and if you are not aware of the steps which are needed to take in this regard, consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thanks for the message!
-
This reply was modified 9 years by
Emil G.
Hi,
1. Yes it really should not show the login section if it’s disabled from the theme panel http://screencast.com/t/yroFZJjOunV
Once I disabled the login on the mobile theme settings it did not show up anymore. You probably have a strong cache enabled so the option was still served from the cache. Please try again and clear cache afterwards.
If you still have issues with the sign-in/join on the m,obile theme please try to disable all plugins except visual composer, clear cache and rest cdn files. Then test again.
2. If you do not need the login at all on your site, you will have to remove those lines from the code as the theme panel only hides the options but does not remove the code for the login. Please follow this topic to see how you can remove the login tags:
https://forum.tagdiv.com/topic/how-to-remove-the-invisible-login-from-bots-view/
Thank you!
Hello,
Unfortunately the method provided to add extra links will not work in the mobile menu section. The mobile menu will only pull the subcategories from the mega menu. It is a different implementation. This is the problem with customization. It affects more parts of a website than you realize. That is why customization should be done by someone who has the time needed to think about all the implications a custom implementation has and test it out in all possible scenarios. We cannot provide that unfortunately as we do not have a customization department. Sorry but there is no simple way to alter the mobile menu in order to pull the extra links.
We try to help out where we can but when the customization gets time-consuming, we cannot afford to test out the possible outcomes and provide solutions. We suggest hiring a freelancer for this from sites like studio.envato.com.
Thank you!
Hello,
The background for the mobile menu is in the theme panel. If you want to add a background image it can be added here: http://screencast.com/t/Dj1Rn8RW
The background colors can be added from the colors section here: http://screencast.com/t/JnLqnUpg
Thank you!
Please advise where could we copy the CSS code for the menu used in this demo, including mobile menu code http://demo.tagdiv.com/newspaper_cafe/
We would like to copy and paste this code in our css file and reupload via ftp, rather then making edits via Theme panel.
Thank you
I made the image after the first H2 150 x 100 in this case; I’ve also tried it down to 50 x 50 but it still doesn’t right align on mobile.
Thanks!
-
This reply was modified 9 years by
Bogdan B..
Hi, I want to change background mobile menu but I dont find this option on Theme Panel. How can I do it??
Thanks!
Hi tagdiv,
1] After having updated theme to latest v7.5 , i installed ,activated the Mobile Theme plugin for the theme ..made the appropriate settings & disabled the “show log in” under the mobile options page of theme options..the theme still outputs the “log in menu” on visitor end on the mobile devices…
It shouldnt happen like this ? if the option is disabled it shud not show up in the visitor end ?
I have cleared cache of caching plugins too ,despite that it was showing it..
For now have disabled & removed the Mobile Theme plugin…the plugin is cool & i really want to make it work
2] Also i noticed this weird thing in my google alerts today, the mail link was one of our new tags. but the description which was showed by google below the title of our tag included these lines – “A password will be e-mailed to you.”
I visited that tag link & on checking its source code i found this code –
==============================
<div id=”login-form” class=”white-popup-block mfp-hide mfp-with-anim”>
<div class=”td-login-wrap”>
<i class=”td-icon-modal-back”></i>
<div id=”td-login-div” class=”td-login-form-div td-display-block”>
<div class=”td-login-panel-title”>Sign in</div>
<div class=”td-login-panel-descr”>Welcome! Log into your account</div>
<div class=”td_display_err”></div>
<div class=”td-login-inputs”><input class=”td-login-input” type=”text” name=”login_email” id=”login_email” value=”” required><label>your username</label></div>
<div class=”td-login-inputs”><input class=”td-login-input” type=”password” name=”login_pass” id=”login_pass” value=”” required><label>your password</label></div>
<input type=”button” name=”login_button” id=”login_button” class=”wpb_button btn td-login-button” value=”Login”>
<div class=”td-login-info-text”>Forgot your password? Get help</div>
</div>
<div id=”td-forgot-pass-div” class=”td-login-form-div td-display-none”>
<div class=”td-login-panel-title”>Password recovery</div>
<div class=”td-login-panel-descr”>Recover your password</div>
<div class=”td_display_err”></div>
<div class=”td-login-inputs”><input class=”td-login-input” type=”text” name=”forgot_email” id=”forgot_email” value=”” required><label>your email</label></div>
<input type=”button” name=”forgot_button” id=”forgot_button” class=”wpb_button btn td-login-button” value=”Send My Password”>
<div class=”td-login-info-text”>A password will be e-mailed to you.</div>
</div>
========================
As u can see that 2nd last line ,those words ..exactly what appeared in google alerts..i am wondering why ? bcoz we dont use login system for members..also in theme settings “Show sign in / join” is disabled
And that code is present in all pages, now that i carefully inspected all…
what files do i need to edit so i can totally remove those divs coz never really gonna need that log in stuff,dont wanna cause any security compromise…
Awaiting reply
Regards
Hello again,
I just noticed that the added links don’t show up when I resize my browser to app-size (I am not using the extra mobile-theme-plugin) – but only categories show up on small windows (not the ones added with Catalin’s described method) – how can I make sure they also appear on the menu of small screens?
Thanks!
I am trying to put the below code in mobile custom css but the font is not changing. Pls test this from your end.
.td-post-content {
font-family: "Alegreya Sans";
line-height: 30px;
font-size: 16px;
font-style: normal;
}
Hi,
I suppose you use the Mobile Theme plugin, so please note that it comes with it’s own templates so you will need to modify also the mobile theme template(s), check the mobile folder – http://screencast.com/t/ezJbnAZY Or you can disable the Mobile Theme plugin which, by the way is optional, and use the default theme responsiveness, so the content you have on desktop should appear also on mobile devices.
Thanks!
Hello, I would like to know how do I add a custom field so that it is not hidden in the mobile version.
I have included a custom field in one of the php pages, but in the mobile version I can’t find it. How does it work? there are two containers (mobile and desktop version)?
Thanx
Well if the mobile theme plugin isn’t working, that is not a css issue at all. It does not allow the mobile theme plugin to kick in and css has nothing to do with this. Just one more thing that could affect this. Did you try this method with wp super cache as it;s the only know issue regarding the mobile theme not loading: https://forum.tagdiv.com/topic/mobile-theme-problems-3/ It’s just a thought
Since this is the only report of such activity with cloudflare, we cannot say for sure if that is the actual cause or just an ‘accomplice’. We will investigate and come back with the results if we find anything unusual. We also use cloudlflare on our end but could not see any such issue yet.
Thank you!
Hi,
Thanks for the reply.
1. Some of the edits were code, some were in the theme panel and custom CSS. If I follow the standard instructions the theme panel and custom CSS customizations will be safe?
2. I tested changing the image size all the way down to 50 x 50 pixels, which looks tiny on desktop. However, it still won’t right align on mobile and looks huge despite its small size. However, it does right align on mobile landscape view and looks tiny.
Any ideas?!
Thanks
Hi,
Please try to only use these settings as we suggest here: https://forum.tagdiv.com/cloudflare-cdn/
to avoid any issue please disable the Rocked Loader
Follow the guide and set it up as the guide shows.
We will also look into it and check if there are any issues with cludflare and the mobile theme. We will reply our findings here.
Thank you!
Hello
I would like the mobile header / logo to be much bigger than it is, probably 3 x the size or more.
When I use inspect I can see how to increase the size of th elogo itself, but not the black header behind it. So the logo overspills onto the content.
Please can you advise how I increase the whole header area as well as the logo size?
http://thedarklordspeaks.com.gridhosted.co.uk/
Many thanks!
Lauren