Gantry For mobile
-
-
- Vitor boica
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Hello there again, this time i come to you with a doubt about responsiveness and mobile websites, i tried to use gantry's default responsiveness to make my website mobile friendly, but there's just way too much things that are not to my liking... what i want to know is if i can use the custom overrides function to create my own "mobile theme", like, i would have a custom override for mobiles, what i dont know is how to make the verification and how to automatically switch to the override once gantry detects a mobile device is visiting the website. Also, i would like to have a button to switch between the mobile and desktop versions of the website, is this possible? if it is, how can i do it?
Thanks in Advance
Antero Duarte
-
-
-
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
-
Hi,
Gantry comes with a built-in mobile theme that is activated on iPhone and Android devices. In the new themes this feature has been disabled since they are responsive. In the WordPress club all themes released before Voxel use the mobile theme, you can look into those themes to see how to implement it in your own theme (you basically need the mobile options that are in the templateDetails.xml file and then enable it in the theme settings page).
Personally I would advise against it; the web is moving toward responsive design and it's going to stay that way for a while, so it's better to get used to it
And Gantry makes responsive design a whole lot easier. Please see this thread to learn about creating responsive content:
www.rockettheme.com/forum/index.php?f=69...84813&rb_v=viewtopic
.
- Please don't PM unless requested
Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
Please provide the URL to the issue.
And please mark the thread as solved if the issue is resolved.
-
-
-
- Vitor boica
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Hello,
thanks for the reply, what happens here is that when first developing the website i didnt go after a mobile friendly website, i know that's a wrong approach, but i didnt think at the time, so know i wanted a solution so i dont have to rebuild the whole site... isnt there a way like i said to assign a different override to the mobile view? that way i could build a mobile version of the website, take out some less important information and have well sized images and content.
I cant view that topic, says im not authorised, also, my gantry membership expired last week, so im down to the free themes, so i cant download the voxel or an anterior theme, but you say that i can activate that in the templateDetails.xml ? i will give that a try, thank you.
Best Regards
Antero Duarte
-
-
-
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
-
Hi,
the free Grunge theme also utilizes the mobile feature in Gantry.
There are also several 3rd party plugins that setup the site for mobile views, you can look into those. Like this one: wordpress.org/plugins/wp-mobile-edition/ . - Please don't PM unless requested
Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
Please provide the URL to the issue.
And please mark the thread as solved if the issue is resolved.
-
-
-
- Vitor boica
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
-
Hello,
Thank you but i found a way around, im using a plugin that redirects from selected pages to selected url's when using a mobile device, and i will build my website using the following structure: www.mydomain.com/m/mypage-or-post and i will redirect every mobile user to a different page that will have assigned a diferent override, and this way i hope to achieve a mobile friendly version of my website.
If this helps anyone having the same issue, the plugin is Equivalent Mobile Redirect
Best Regards and thank you for the countless times you have helped me Shazdeh!
Antero Duarte
-
-
-
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
- Happy to help :cheesy:
- Please don't PM unless requested
Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
Please provide the URL to the issue.
And please mark the thread as solved if the issue is resolved.
-
-
-
- Vitor boica
- Jr. Rocketeer
- Posts: 37
- Thanks: 0
- Just one last thing this time, i would really rather have my menu instead of the gantry default menu for mobile devices, where can i change that? basically what i want is to have the website as close to the desktop version as possible, know what i mean? i want the horizontal menu on top instead of the expandable "ladder" menu
-
-
-
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
-
Hi,
the horizontal menu is very hard to use in mobile devices so the theme replaces that with the treeview menu which is easier to navigate on mobile. To remove it you can edit your_theme_root/less/menu.less file and remove the part after this comment:to disable the theme from converting the horizontal menu with the treeview. Remember to clear the cache afterwards so Gantry rebuilds the stylesheets.// Mobile Specific Mode (Tree View)
Worth to mention that you can use the "select menu" which is the menu displayed as a select field. To enable it go to the theme settings page -> Style tab and change the Responsive Menu option to "Select Box". - Please don't PM unless requested
Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
Please provide the URL to the issue.
And please mark the thread as solved if the issue is resolved.
-
Time to create page: 0.080 seconds