0
Welcome Guest! Login
0 items Join Now

positioning mobile menu toggle (gf-menu-toggle)

    • Randy Carey's Avatar
    • Randy Carey
    • Rocketeer
    • Posts: 77
    • Thanks: 0
    • web architect, book/magazine author

    positioning mobile menu toggle (gf-menu-toggle)

    Posted 11 years 10 months ago
    • When the mobile menu toggle icon appears (as the page shifts to single-column), the icon floats in the upper-left corner of the page. I'd like to assign/anchor that icon to a position relative within the header. Is there a way to do that?

      I'm using Gantry 4 and the Gantry template.
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: positioning mobile menu toggle (gf-menu-toggle)

    Posted 11 years 10 months ago
    • Without URL to your site we can't suggest anything 8)
    • Check my services at: Mihha-Vision
  • Re: positioning mobile menu toggle (gf-menu-toggle)

    Posted 11 years 1 month ago
    • Hi
      I have the same issue that I would like to fix please with the Stratos template. My website is www.cannyco.com . Ideally I would like to place the mobile menu toggle icon next to the language flags which is where the menu is positioned on the desktop view.

      Any help much appreciated.
    • Who?'s Avatar
    • Who?
    • Preeminent Rocketeer
    • Posts: 25562
    • Thanks: 613
    • Joomla freelancer

    Re: positioning mobile menu toggle (gf-menu-toggle)

    Posted 11 years 1 month ago
    • That wouldn't work because your toggle button would then be overlayed (once you click it) with the first menu item in the menu structure

      Add this to your custom css file to see what I mean
      body > div.gf-menu-toggle {
      position: absolute;
      right: 145px;
      left: inherit;
      top: 75px;
      }

      This is how you create a custom CSS file...
      www.gantry-framework.org/documentation/j...custom_stylesheet.md

      When we release upgrades template files will change and you will have to reapply all your changes again (that's if you can remember where they all are). If you keep your changes in a separate Custom CSS file you'll have no issues upgrading.

      Please post your questions in a new thread next time. There are multiple reasons for that so let me list just a few of them:

      1. Whenever you post in some other member thread, the member who opened that thread receives notification in his Inbox about that also. In case your issue or resolution is not the same as the OP, that just spams his Inbox with unnecessary emails
      2. Since we have multiple mods working on the forum, it is easier for other mods to spot your issue if you post in in a separate thread. If you post in already used thread, only mod that participates in that thread will see your question
      3. It is easier for other members to find a solution in case they try to find something if solutions are spread in separate threads
    • Check my services at: Mihha-Vision
  • Re: positioning mobile menu toggle (gf-menu-toggle)

    Posted 11 years 1 month ago
    • Hi Igor

      Thanks for your reply and help, all noted with regards to topic posting. Sorry, I am new to this so experiencing a bit of a learning curve.

Time to create page: 0.056 seconds