- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hi,
If you activate the mobile theme plugin, that has it’s own stylesheet. This can be found in the mobile folder, in the main theme directory
– https://www.screencast.com/t/q0Tstsh0Xd
There are no plans at the moment to implement RTL in the theme, I could not say when this will be available.
Thanks
When I tap the hamburger menu of my site on the IPhone 7 plus, no menu appears. The entire screen seems to shrink down a few millimeters on each edge, revealing a bit of the background image of the site, but the menu does not appear. I’ve tried this both with the standard site as well as with the Mobile Plugin installed, with the same result. I have not tested the mobile site on other phones as I only have one phone. Is there any way to make the menu work?
Thanks for the sizing details.
A good option to implement in a new release (hopefully sooner than later) would be to have a separate and unique background image for the mobile menu, as well as mobile search.
Just like you offer a dedicated space for the background image on the join/signin đ
I don’t think it should be too difficult to also include that option.
i have seen both these issues in threads at the beginning of the year but couldn’t find any with resolution.
i am running v 7.3 – i’d rather not deal with the big upgrade to 8 until i’ve more time in the autumn.
the mobile theme has shown a huge improvement in pagespeed, but the tag div galleries, which i use quite a bit, are not working.
also the mobile theme is showing on tablet – even a 10″ in landscape – i thought it was meant to be restricted to phone screens only?
finally i don’t like the M1 blocks at all. the letterbox format top of image often shows nothing more than background. i would much prefer them to be 16:9 or even 4:3. Is there a css code snippet available to change them?
many thanks for any help – and if it’s coming from theme staff – great theme – sorry first you’ve heard of me is gripes – but that’s forums.
Well Simion bro your theme is very famous thats why i buy it but you have to do some RTL support i read many topics in here about RTL but really disappointed that there is not RTL well i set some things now, with little bit changes in style.css , please can you tell me that mobile theme pulgin css is in main style.css ??? or using different sheet???
Hi,
This code should make the menu and the search switch places on mobile
– https://www.screencast.com/t/DDTZrciLY
#td-top-mobile-toggle {
position: absolute;
right: 0;
}
#td-top-search {
right: 54px;
}
Enter the code in the same phones section of the Advanced Css.
To change the way the mobile modal is functioning may not be so easy. This is where the feature is defined in the theme, in the theme stylesheet
– https://www.screencast.com/t/aOkd1fUq
Try changing the translate values and see if it works properly. There may be other values and elements that would require modifications to make it work.
Thanks
Hello,
We have found that a vertical image with the size of 692 x 1094 worked best in order to have a crisp image quality. The min and max is up to the user preference.
The mobile menu and search are the same template so they cannot have separate background images.
Thanks.
Hi,
After further inspecting this issue, it seems there is a height limit for the open menu on mobile. The menu items are all there but they cannot be seen.
Please enter this code in Theme panel->Custom Css and it will increase the height of the menu on mobile, to be able to display all the categories
– https://www.screencast.com/t/EGcugrp1pLi
.td-mobile-content .td-sub-menu-open > ul {
max-height: 5000px;
}
Thanks
Hello,
What are the minimum dimensions for the image?
Also what are the maximum dimensions for the image?
Finally, is it possible to use a separate and unique background image… One for the menu, and a different one for the search?
Thanks in advance đ
Dear Simion,
Thank you for your reply.
I uploaded a wider logo to my site. Now it looks perfect.
As for mobile, the custom css looks great! However, I was wondering if the hamburger menu and search button could switch places?
Also, when I press the hamburger menu, could it also sweep in from the right as the search option does?
Great many thanks!
Sincerely,
Miguel
Um, yeah. Test one of your pages with the image sizes not at ‘actual size’ with Google’s testing tools? Have you tested your site with PageSpeed or their mobile testing tool? Sites which don’t do well in mobile testing won’t be shown to mobile users!
e.g.,
https://search.google.com/test/mobile-friendly
Meaning there is more overhead for browser to resize images multiple times to multiple sizes vs caching the actual images at actual sizes.
However if it works for you, and you’re passing Google’s PageSpeed test and mobile test doing it your way, go for it — just not “normal” practice in modern webdev (I’ve been doing it since 1995 professionally, as a point of reference).
Hi,
1)On desktop it will look exactly the same as before as the code only affects the mobile version of the theme.
2) Sorry but css cannot do that. That must be programmed by a developer as it takes a lot more than just css. Sorry but there is no simple solution for it.
Thanks.
of course i have posts on those categories, but on mobile menu doesn’t show all subcategories.
Hi
Thanks it works.
1) This will only change the MOBILE VERSION right not what it looks like on a desktop?
2) Is there CSS code to show the Header Top Menu on desktop but when viewed on Mobile it adds that Top Menu links to the drop down menu like the other links?
Hi,
The mobile theme uses a different smart list. Please access your theme files and remove this part of code:
https://www.screencast.com/t/WkF3qMJzhPR
Thanks.
http://www.talkingsumo.news/?p=1308
don’t forget to watch in mobile..
Hi,
That should affect the subcategories in the drop down mobile menu as well as the mega menu. Make sure you have posts in those categories.
Thanks
Hello,
This happens because you use the mobile theme plugin. The mobile theme has it’s own ad section: https://www.screencast.com/t/PNC4pMAkg
Thank you!
Hello. i have a main category with over 80 subcategories. on desktop site, i change this setting (from 30 to 100) https://www.screencast.com/t/OneHajdQF1l (/includes/td_config.php) and all categories appears on menu, but on mobile menu doesn’t appears.
can you tell me how i can fix it?
Hello Aviv,
If you use the mobile theme plugin, then you will also have to place the ad code in the theme panel settings like so: https://www.screencast.com/t/HkQBf09HVZSM
Thanks.
Hi,
That usually happens because of a plugin conflict, or plugin interference with the mobile plugin. I would suggest to deactivate all your plugins except the mobile theme and the ones provided in the theme package, then clear any caching installed. Now the mobile theme should work properly. After this, enable your plugins one at a time, while checking to see if it still works. Hopefully this way you can identify what is causing the issue.
You can try the suggestion also if you are not using the mobile theme plugin, and the normal responsive menu is not working as intended.
Thanks
Hi,
The header style you are using does not have a limit for the logo image. If you would like it to cover all the space, simply upload a bigger logo image. Your current logo is like this
– https://www.screencast.com/t/LHnIWzzEipl
And the logo container for me is bigger
– https://www.screencast.com/t/lfn4hZooD
The logo image will not get stretched to fit, you have to use a bigger one. On bigger devices there will be an empty space if the image is smaller.
On mobile you can try a code like the one below for what you want to achieve. It will remove the gap you mention, align the logo to the left and move the menu toggle to the right
– https://www.screencast.com/t/dx0y4Glys8zh
.td-main-menu-logo img {
max-height:54px;
margin-left:0;
}
#td-top-mobile-toggle {
float:right;
}
This code must be entered in the Theme panel->Advanced CSS in the phones section. Please let me know if I misunderstood something, and I will make adjustments.
Thanks
Thanks Catalin for your time, sorry for bothering, I found everything and now the site is great, I found a caching plugin that is working really fine and have some results, now I just have a small little problem, it’s okay if we don’t fix it but it’s annoying, on mobile theme its working on desktop it is not, the button to go up on the homepage, the icon in the right bottom corner to go up the page it is not working and I just can’t figure out why đ
Hello Simion, thank you very much for the support, it really was the mobile plugin that was preventing some pages from appearing normally just like on the desktop.
I disabled it and everything is working as expected.
Thank you one more time!!!
I’d like the view of the homepage to be the same as my category views. How can I do this?
I also can’t seem to find the tagDiv Mobile Theme in the .zip I downloaded, so I can’t customize the mobile theme.
Thanks