- TutorialsDefault Block Settings Guide
there are 4 photos in this link
first, desktop website and home page = its perfect
second, (mobile theme activated) mobile home page with grids and latest posts its perfect for me again because i want it simple
third, desktop post page when you click the article you read it in this page so i edited this page to make it simle like my home page = its perfect for me
fourth picture is the problem because i delete those unnecessary social media icons or author name or date while i can delete them in desktop. how can i remove them? i looked into theme panel and mobile theme options i couldnt find anything.
mobile home page you guys give with mobile theme is perfectly simple. i went into theme panel closed footer header uploaded a logo choose 6 post grip and latest articles capped 10 posts. everything is simple. but i cant make any change on the post page with mobile theme. am i missing something? how can i remove those social media icons and others?
i dont want to create mobile template directly with tagvid composer and then use it. because its working slow that way. this mobile theme is perfectly fast and simple but i couldnt figure out how can i edit post pages. please help.
Unfortunately not, it didn’t help me, because when I put the same code (as in desktop settings header ad) I see no changes on the mobile webside.
Hi Anamaria,
Thanks for the info.
Unfortunately the code doesn’t quite work, it looks like the following is overriding it. There may be other things too, so I thought it best you take a look:
@media (min-width: 1164px)
.td-boxed-layout #td-outer-wrap .td-header-desktop-sticky-wrap, .td-boxed-layout #td-outer-wrap .td-header-mobile-sticky-wrap, .td-boxed-layout #td-outer-wrap .tdc-row-is-sticky {
width: 1164px !important;
}
I have added the supplied code to my site (links as before), but you can also see what’s happening on your demo site (which still needs to be fixed).
Many thanks
Hello,
We hope that in the next update we introduce an option for the header and footer to work as before, even if initially this was a bug.
Also, for the sticky header please try this code
.td-boxed-layout #td-outer-wrap .td-header-desktop-sticky-wrap, body.td-boxed-layout #td-outer-wrap {
width: 100%!important;
}
Let me know the results!
Thank you!
Hi, Indeed it seems that the header is no longer display.
Also I understand from my colleagues that you contact us on mail, please continue with this problem there.
Thank you for your understanding!
Hello,
You need to change the background color for mobile header from Theme Panel -> Theme Colors -> Mobile Menu => https://www.screencast.com/t/Ou8CBHm25, not in the theme files.
Also, the image size should change depending on the screen size.
To display the latest posts, it depends on the cache, and it is advisableclear all cache(also from your browser) and see if it appears.
Thank you!
Hello,
In the last update, v11, the implementation of the boxed option has been fixed, if you set a background image/color this boxed option had applied only to content, now it also applies to the header and footer.
So, if you want to make the layout full width and change the website width, you need to make sure that you don’t have set a background color/image in the Theme Panel because this makes your website boxed. Make sure this option is disabled => https://www.screencast.com/t/ejiNPCBF
To set a page to full width, you’ll need to edit it with tagDiv Composer like this -> https://i.imgur.com/i5IUJ9E.jpg add or select a row and stretch it after your needs -> https://i.imgur.com/WKYebPX.jpg -> https://i.imgur.com/TO1BZ3M.png -> https://i.imgur.com/Yq8UCv3.jpg
Thank you!
Hi Johannd1b, I see that you are using the multipurpose header style 3, if you use the standard header styles, then the only way to have a different menu on mobile is to use the mobile theme plugin or you can choose a cloud header from tagDiv Cloud Library and this can be edited with tagDiv Composer, in this way you can set a menu for desktop and a different one for mobile -> https://i.imgur.com/vcsLujZ.png -> https://i.imgur.com/kMOa3RX.png
Thank you!
Hi,
Now the header seems to be display correctly -> https://i.imgur.com/bapPcR6.png also that error is because the “More article box” do not have set a distance from the top, you need to set a value in this place https://i.imgur.com/SeVTYLV.png and that error should be solved.
Let me know the results!
Hi Calin,
I’ve added your code as described – it seems to work fine for all pages, except for sticky header within the Projects section – see below:
Please advise.
Many thanks
Hi,
https://djpromotion.com.pl/djraport/
I changed the header ad banner for new one.
Now it looks fine but on desktop only.
On the mobile device I still seeing the old banner.
Here is the code…
https://prnt.sc/1as7k61
Regards
Peter
Hi, reference to the subject, can you please let me know what happened to my website https://firstnews.pk/
Its header part is not showing both on computer and mobile. Mega menu is also disappeared. Can you let me know what has happened and how to retrieve it? This is kind of an emergency situation.
Please reply fast. Thank you.
we had updated the background color of a Mobile header from the CSS file
the file is updated but sometimes that shown default color like https://vraslan.com/G9News/wp-content/uploads/2021/07/WhatsApp-Image-2021-07-12-at-7.53.30-PM.jpeg and sometimes #192756 https://vraslan.com/G9News/wp-content/uploads/2021/07/WhatsApp-Image-2021-07-12-at-7.53.29-PM.jpeg let me know how to fix it
Hi,
For me is working just fine. make sure that the child theme is enabled -> https://i.imgur.com/wwZSuC6.png but you still need to do some change that can not be set in child theme, for example on this file wp-content/plugins/td-cloud-library/parts/tdb-login-modal.php you need to set the new path for login modal -> https://i.imgur.com/GtnclCk.png like this -> https://i.imgur.com/UXJPamO.png also for specific templates you need to add it in other places.
If is still not working for you, please let me know exactly what you are using, cloud templates or standard header style.
Thank you!
Hi mixos, so you want to import only the theme templates and settings, for this you need to check the cloud templates that you are using from cloud templates section -> https://i.imgur.com/YZFb9Gh.png, those need to be copy and paste ( you need to copy the content and past it in the new website in the same cloud type, for example a cloud header must be past in a cloud header to work) after you copy theme (in case that you use), then import the theme panel settings, this can be done using the import/export option from theme panel copy the settings from here https://i.imgur.com/wIjVBO5.png and past theme in import zone in the new website after that click on the import theme settings and the website layout should be the same like in the staging.
I hope this will help you!
I found out this code is working for quotes. but I want to change normal text.
.td-post-template-1 .td-post-header header .entry-title{
font-size: 18px;
line-height: 18px;
}
How we can change Title background color in Block header 12?
Thanks
The data of any news channel should be updated very quickly which is done on the desktop version but it takes a long time to update in mobile. The same person can visit the website many times but he/she must get updated news all the time so please help us to make quick responding and up to date website
one another thing is we had updated the background color of a Mobile header from the
@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: #192756 !important;
height: 54px !important;
position: fixed;
}
the file is updated but sometimes that shown default color like https://vraslan.com/G9News/wp-content/uploads/2021/07/WhatsApp-Image-2021-07-12-at-7.53.30-PM.jpeg and sometimes #192756 https://vraslan.com/G9News/wp-content/uploads/2021/07/WhatsApp-Image-2021-07-12-at-7.53.29-PM.jpeg let me know how to fix it
give us a proper size of a featured image which will have to display properly on any sized screen here is some screenshots https://vraslan.com/G9News/wp-content/uploads/2021/07/WhatsApp-Image-2021-07-12-at-7.53.31-PM.jpeg and https://vraslan.com/G9News/wp-content/uploads/2021/07/WhatsApp-Image-2021-07-12-at-7.53.32-PM.jpeg
My domain is kitchensty.com, it was working fine as configure. but now it’s not working as it was. The header menu was sticky when scrolling down and the right block also the same problem.
Please check the image https://imgur.com/a/uizuygJ
Hello, my website is brassbanned.com
I have two problems:
1) There is something wrong with my header image that takes ages to load. I have tried to insert alternate header images, which appear successfully if I am using TagDiv composer. If I close it, they disappear. I also see a 404 in my network panel as the theme tries to load in /bghd.jpg (which doesn’t exist on the server). I am not sure where this is set or how to tell the theme to not use it.
2) My menu is not clickable on mobile devices. I have used the same menu item in TagDiv composer, which appears at larger sizes. I still see the hamburger menu icon on mobile devices, but no menu items appear when I click on it.
I’m happy to share login details / do a quick screenshare for someone to talk me through settings.
Many thanks!
Thank you for your response and apologies for the insults. The update caused the site to crash, no short-codes are used. When the update happened the whole site “reset” meaning, the headers, footers, plugins, logo’s were all reset, gone! All the plugins were disabled. I had to re-activate all of them, upload the logos and other settings. That was the issue. It happened as soon as the theme was updated.
Hi tsharma, if you want to set the td-login-model.php in child theme you must set it like this Newspaper-child/parts/header/td-login-model.php, I recommend to set in child theme all files from td-composer/legacy/Newspaper/parts/ copy the parts folder and past it in child theme.
I hope this will help you!
Hello,
After updating the website, the logo is gone. And I see the name of the theme.
How can i change chat? I have a default header (not customized cloud template).
How do I adjust the width of the red box to the width of the page? Thanks.
Hi,
Unfortunately, for the moment those can be added only with custom code in theme files, the path for those it is -> wp-content/plugins/td-composer/legacy/Newspaper/parts/header/td-login-modal.php or if you use a cloud template wp-content/plugins/td-cloud-library/parts/tdb-login-modal.php
I hope this will help you!