Hi,
when I test my page with http://quirktools.com/screenfly/ on an apple iPad it doesn’t yet brake to mobile view, which makes some things look awkward if there is a sidebar. Also the Content form the first 1/4 row moves ofer the other 3/4 rows.
I would therefore like to change the settings, so that the theme switches earlier to mobile view and moves the sidebar to the bottom. How do I do this?
Thanks,
Simon
Hi,
We test the theme on actual devices, the emulators are not 100% accurate.
On iPad there’s enough screen width to include the content and the sidebar, the site changes to mobile only on screen width smaller than 768px.
Unfortunately there’s no option to enable the mobile menu for tablets, sorry.
You could use the emulator included in the Chrome browser – http://screencast.com/t/VnWM4ps3LJW
Thank you!
Hi,
I tested it now with chrome as well – looks the same
http://www.zinsenvergleich.at/wp-content/uploads/2015/09/error-ipad.jpg
(url http://www.zinsenvergleich.at/banken/)
Is there nothing I can put into the custom css section or so, to change it?
Hi,
You have some images on the content, the css specifies a large max-width and this issue appears because they have inline height/width – http://screencast.com/t/hlxeX8AnP
You could fix this with custom css, add the following css in Theme Panel -> Custom CSS:
@media (max-width: 1018px) and (min-width: 768px) {
.alignleft {
max-width: 100% !important;
}}The rest seems fine.
Let me know if this works for you.
Thank you!
Hi Emil,
thanks, this helped with the image problem.
By testing with the chrome developer tools I also recognized an other error – if a menu has a submenu, i can not klick on the parent menu item in the chrome emulator. Can you test if this is the same for actual iPads?
Thanks,
Simon
Hi,
This is how the menu works on touch screen device, you cannot hover the menu items like on desktop, so the link will not work on these devices. We will try to find a better implementation for touch devices when a new navigation system will be designed.
Thanks!
