Hi,
we have some issue with the menu displayed on Ipad 2.
We need it to be displayed as a mobile menu not like a desktop one.
We cannot be able to solve this even with css hack.
Can you help us? Thank you in advance
Hello,
Sorry but there is no simple css that can make this modification. Only phones receive the mobile phone view or the mobile theme plugin. Tablets receive the desktop version. Our theme does not provide any options to change this behavior. It can only be made with customization. Unfortunately there is no simple way of ding it. You will have to hire a freelancer to help out with this customization.
Thank you!
Hello again,
I’ll explain it better.
A user noticed some problems in iPad 2 visualization.
Last voice of the menu is going on a new row, but also at the elements under the menu have visualization problems and the news are overlapping as you can see from this screen we received from the user: https://ibb.co/dkANNk
Now we would like to know how to proceed as portrait mode is a very common visualization (and iPad is a very common device).
All the test we are making with screen emulators aren’t giving us any problems at all, but
on a iPad 3 we have tested the same problems.
Could we manage the responsiveness of the portrait mode from the Visual Composer?
Do you suggest any other quick solutions?
If needed we can provide you admin access to the production back office and the test back office as well.
Thank you in advance for your attention.
Hello,
Since the read more button is a custom implementation (as it’s not part of block 11 by default) you should check the css for the custom element. It is not a theme issue. It is a custom element and not part of the original theme code.
You can however much more easily switch to block 12 which already has a read more element to it: https://demo.tagdiv.com/newspaper/block-12/
If you do not want to switch the block, you cna try the alternatove to hide the read more button in ipads.
You can try this code:
.ebl-readmore{
display:none
}
You can add the code in the theme panel->custom code->advanced css and place it in the ipad portrait section
Thank you!
Thank you, and what about menu?
The menu going on 2 lines is normal if you have many menu items.
You can try to use this code to make the menu dull width on ipads though:
.td-header-style-10 #td-header-menu{
width: 100%!important;
}
Ad the code in the same advanced css field of the theme panel.
Thank you!
THANK YOU!
