I have questions about off-canvas menu for mobile phone and tablet. My website is burak.expandingcode.com
Mobile side:
When I navigate the website using my mobile phone (Iphone7) in portrait and landscape mode in off-canvas menu, I want to add a logo under the flags.
(mobileportrait.png, mobilelandscape.png)
Tablet side:
When I navigate the website using my tablet (Samsung Galaxy Tab S) in landscape mode, I want to add off-canvas menu instead of mega menu like portrait mode. (tabletlandscape.jpg)
Could you please help me about these subjects?
For your first problem:
You can add a new menu item with your logo at the beginning of the menu, and then hide it on desktop using #media and css selector first-child
Related
I implemented a drawer in my steroids application with similar styles as google+ drawer. However, I have several links on it, and when my device is in landscape mode I'm unable to see all the links, and I can't scroll the drawer.
I want to be able to scroll the drawer vertically as a normal webview, just like google+ drawer does.
Is that possible?
Can I embed a webview inside another?
I managed to fix this by adding heigh=device-height to the content meta tag. And I added overflow-x=hidden to just allow vertical scrolling.
Implemented videogular html player.All works well in desktop but in case of Apple IPAD the volumne control is not visible.And one major issue is on clicking full-screen of videogular player,video does not plays in videogular instead it opens up in the apple's native player(i.e., quick player).
How can I prevent video from playing in native player in IPAD and display volumne control for vidoegular.?
Is there any fixes available.
Please help!
Volume button is not shown on mobile devices because you can't change with the native API the volume, user must use hardware buttons to change the volume.
Additionally, on mobile devices you can't set HTML elements to fullscreen, only the video element. If you need Videogular controls in fullscreen mode you can try to use "vg-native-fullscreen":
<videogular vg-native-fullscreen="false">
<!-- content -->
</videogular>
However, this is an emulated fullscreen and user will see the browser navigation bar.
I'm using the Responsive theme ( Theme Url https://demo.gavick.com/joomla25/simplicity/ ) for one of my site and have used the built-in menu manager (Joomla platform), with everything appearing as should on web and iPhone and android devices.
However, on Blackberry it does not display the 'header-menu', where as all of the other menus - footer, top, etc are appearing fine.
Anyone know what could be going wrong?
FYI - Blackberry Curve 9320.
Hi,
I have a web application specific for mobile. I am testing the application using IPhone.
I want to set up the image icon displayed in the left panel as my screen above.
Could you please advise how to achieve?
I am creating two themes for a wordpress site. One for desktop users and one for mobile users. I am using a simple plugin ("Mobile theme switch") to detect the mobile devices and switch to mobile theme.
I have registered some widgets area in the mobile theme to put some links with images in footer area.
Also assigned the widgets to those widget areas by activating the mobile theme.
When i activate the desktop theme and open the site in the mobile device, mobile theme is activated but footer widgets does not appear.
Does any body know how to solve this issue?
An other thing i noticed, when i activate the mobile theme from admin panel and open the site in the mobile device, it works fine and show the footer widgets.
Thanks in advance.
Here is the code of that plugin to switch the theme.
add_filter('stylesheet', 'getTemplateStyle');
add_filter('template', 'getTemplateStyle');
function getTemplateStyle(){
$mobiletheme = get_option('mobiletheme');
$themes = get_themes();
foreach ($themes as $theme_data) {
if ($theme_data['Name'] == $mobiletheme) {
return $theme_data['Stylesheet'];
}
}
}