0
Welcome Guest! Login
0 items Join Now

SOLVED Can I force tablet sizes to use mobile menu? If so...how...

Last Post
Search Topic
    • Twiggliscious's Avatar
    • Twiggliscious
    • Elite Rocketeer
    • Posts: 568
    • Thanks: 0
    • Joomla KungFu!!!

    SOLVED Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • RT,

      I'm trying to understand Gantry better...so please bear with me...

      I'm using Vermilion Joomla template...I only posted here because I think my answer has to do with Gantry...

      What I want to do is force the ipad and android tablets to use this menu...rather than the web one...

      I want this effect...


      This image is hidden for guests.
      Please log in or register to see it.



      Now it does this on the ipad...


      This image is hidden for guests.
      Please log in or register to see it.


      I'm not asking anyone to do it for me...just point me to the right verbage...so I can look up how to do it...there has got to be a way to tell Gantry to use the menu for mobile on tablets as well...

      Appreciate any help or direction...

      I did post a similiar post on the Vermilion board, only posted here because an answer I found was on the Gantry website (at least I feel like it's a step in the right direction)...and I simply did not understand it...

      Went here: groups.google.com/forum/#!topic/gantry-f...la-users/Hu92zsLYhtc

      Then found this: www.gantry-framework.org/documentation/j...nsive_grid_system.md

      Is there a way to do what I'm trying to do...and if so...what's it called?

      Mike-
    • Last Edit: 10 years 11 months ago by Twiggliscious.
    • Mike-

      "Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
    #1099501
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Gantry - Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • IMHO I don't think it can. I believe its automatic, hidden away from prying fingers.

      As a compromise, if you can include a link, I'm sure we can rearrange things a bit so the menu doesn't overlay your logo.
    #1099505
    • Twiggliscious's Avatar
    • Twiggliscious
    • Elite Rocketeer
    • Posts: 568
    • Thanks: 0
    • Joomla KungFu!!!

    Re: Gantry - Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • Dan G.,

      Thanks for the quick response.

      It only does it on the tablets...and small screen sizes...

      I was just going to set the mobile menu...then got in this mess...LOL...

      Appreciate any direction you have.

      Mike-
    • Mike-

      "Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
    #1099507
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Gantry - Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • Oops...I have to correct myself, looks like the mobile menu isn't restricted to mobile phones. Using Chrome's emulator, I opened your site on my Samsung Galaxy Note and a Nexus-7 and got the mobile menu.

      What Android tablet gave you the normal menu?
    #1099525
    • Twiggliscious's Avatar
    • Twiggliscious
    • Elite Rocketeer
    • Posts: 568
    • Thanks: 0
    • Joomla KungFu!!!

    Re: Gantry - Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • Dan G,

      It was on the Ipad 3 I have...it doesn't default to the mobile menu...it gets all katty-wonkus...full menu...over-lapping the logo...

      BROKEN LINK REMOVED

      Does it on both of these...

      I tried creating a custom module...but it didn't look right and blew out the menu area...

      Sorry, I figured the android and ipad were the same...looks great on my iphone...

      Mike-
    • Last Edit: 9 years 4 months ago by Kat05.
    • Mike-

      "Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
    #1099533
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Gantry - Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • See how this grabs you:
      In your rt_templateName-custom.css <-{Click the LINK } file add this:
      @media only screen and (max-width: 1199px) and (min-width: 960px) {
	.rt-grid-10 {
		width: 630px;
		margin-left: 150px !important;
	}
	.menu-block .gf-menu > li:nth-last-child(1) {
	margin-left: 150px;
	}
}

      The last part can be excluded, it just centres your Contact item.

    • The following users have thanked you: Twiggliscious

    #1099580
    • Twiggliscious's Avatar
    • Twiggliscious
    • Elite Rocketeer
    • Posts: 568
    • Thanks: 0
    • Joomla KungFu!!!

    Re: Gantry - Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • Dan G.,

      That works for me...

      Appreciate the time you took to help.

      I'll go over this and figure out exactly how it works.

      Have a great weekend!

      Mike-
    • Mike-

      "Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
    #1099587
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Gantry - Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • Twiggliscious wrote:
      I'll go over this and figure out exactly how it works.

      Hey Mike

      Okay...
      Conventional media query:
      @media only screen and (max-width: 1199px) and (min-width: 960px) { some elements to be affected}
      So this is triggered when we're in tablet range

      Can't physically change the grid column value of rt-grid-10 but:
      .rt-grid-10 {width: 630px; margin-left: 150px !important;}
      we can change the width via CSS of that element. As we shorten the menu-block the margin-left moves it out of the way of the logo.

      And last I thought it would look nice to centre the last menu element:
      .menu-block .gf-menu > li:nth-last-child(1) {margin-left: 150px;}
      the li:nth-last-child(1) means in a list of <li> elements - select the last one

    • The following users have thanked you: Twiggliscious

    #1099607
    • Twiggliscious's Avatar
    • Twiggliscious
    • Elite Rocketeer
    • Posts: 568
    • Thanks: 0
    • Joomla KungFu!!!

    Re: SOLVED Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • Dan G.,

      Sometimes my work does "Webinars." Does the Gantry team ever do online training like that...I know it's an opensource project...I'd love to learn a bit more.

      Thanks again for taking the time. I have a much better handle on this now.

      Mike-
    • Mike-

      "Nobody cares who your father was, only the father you'll be." – Mandalorian saying...
    #1099734
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: SOLVED Can I force tablet sizes to use mobile menu? If so...how...

    Posted 10 years 11 months ago
    • Twiggliscious wrote:
      Does the Gantry team ever do online training like that...

      8)
      Right now the team is focusing on improving and expanding our Documentation to put us ahead of our competitors. Got a great doc team in place
      This image is hidden for guests.
      Please log in or register to see it.


      Lots of plans heading into the Future.

      To mark this issue as Solved, please change to a Checkmark and edit the Topic Title in your 1st post to read
      [SOLVED] Topic Title
      This image is hidden for guests.
      Please log in or register to see it.

      Thanks.

    • The following users have thanked you: Twiggliscious

    #1099878

Time to create page: 0.082 seconds