0
Welcome Guest! Login
0 items Join Now

Responsive Layout Toggle On Mobile Device

  • Responsive Layout Toggle On Mobile Device

    Posted 11 years 6 months ago
    • Hello All,

      We have a quick question hopefully someone has a solution for. We love the responsive layouts but we have several customers who want the ability to toggle the responsive layout on or off in a mobile device. I know on some of the older templates that had a mobile version it had a button at the bottom to view the site in full screen mode. Does anything like this currently exist on the responsive layouts? Would it be possible to add a menu item using the "hidden-large" tag to only show on mobile that would switch to the 1200 or 960 version and retain that during the session?

      I have my programming team on stand by who would be willing to develop something like this if its not already done. Any input from the community here would be appreciated, just keep in mind that we don't want to remove the responsiveness and media queries just have the ability to toggle it to a fixed with from the forward facing site.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Responsive Layout Toggle On Mobile Device

    Posted 11 years 6 months ago
  • Re: Responsive Layout Toggle On Mobile Device

    Posted 11 years 6 months ago
    • Henning wrote:
      not sure if this helps?
      <!-- l --><a class="postlink-local" href=" www.rockettheme.com/forum/index.php?f=69..._v=viewtopic#p955895 ">index.php?f=690&t=194700&p=955899&hilit=1200fixed&rb_v=viewtopic#p955895</a><!-- l -->
      it says: You are not authorised to read this forum.

      any idea how to access that link?
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Responsive Layout Toggle On Mobile Device

    Posted 11 years 6 months ago
    • hmmm this is only for Joomla (and not wp):

      try

      <a href="/index.php/index.php?layout-mode=responsive">responsive</a><br />
      <a href="/index.php/index.php?layout-mode=1200fixed">1200 fixed</a>

      in a custom html module
  • Re: Responsive Layout Toggle On Mobile Device

    Posted 11 years 6 months ago
    • That did the trick! I created a menu item (external link) to /index.php/index.php?layout-mode=1200fixed

      Now we have a menu option to set the site to a fixed width on mobile devices like we need.

      Thanks for the help!!! :cheesy:

Time to create page: 0.058 seconds