0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

Menu to long for Tablet

Last Post
Search Topic

  • Menu to long for Tablet

    Posted 8 years 8 months ago
    • Hi,

      I am currently working on a clients website, the main menu is quite long, I have tried setting the breakpoints for the grid to when it will fall over to the tablet/mobile view, and it is not working.

      Herewith a screenshot:
      snag.gy/GVshrk.jpg

      I have recorded that the ratio is 1200px X 628px before it starts overlapping each other, I have tried the following custom css.

      /*#rt-block, #menu-block */
      /* Smartphones */
      @media (max-width: 480px) {
      .rt-block, .menu-block {
      visibility: hidden;
      }
      }

      /* Smartphones to Tablets */
      @media (min-width: 628) and (max-width: 1200 {
      .rt-block, .menu-block {
      visibility: hidden;
      }
      }

      /* Tablets */
      @media (min-width: 629) and (max-width: 959px) {
      .rt-block, .menu-block {
      visibility: hidden;
      }
      }

      /* Desktop */
      @media (min-width: 960px) and (max-width: 1199px) {
      .rt-block, .menu-block {
      visibility: visible;
      }
      }

      /* Large Display */
      @media (min-width: 1200px) {
      .rt-block, .menu-block {
      visibility: visible;
      }
      }

      I am not sure why it is not working, and the set breakpoints are still not pickiing up, any suggestions?
    #1318497
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Menu to long for Tablet

    Posted 8 years 8 months ago
    • Please do not post extensions/template specific questions in the "General Discussion" forum. You should post in the extension forum or template forum as appropriate. Most of these forums are for members who have a current PAID membership. Our priority is always to assist paying members.

      Thank you for your understanding.

      Your subscription appears to have expired. Support does require a current subscription.

      What template?
      What Gantry version?
      Link to your site?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1318498

Time to create page: 0.066 seconds