0
Welcome Guest! Login
0 items Join Now

Mobile Menu on Right Side of Page?

    • JSYMedia's Avatar
    • JSYMedia
    • Sr. Rocketeer
    • Posts: 134
    • Thanks: 1
    • Joomla plus Gantry

    Mobile Menu on Right Side of Page?

    Posted 6 years 4 months ago
    • I'm trying to make the mobile menu to appear on the right side of the page. I've been messing with the css of .g-offcanvas-toggle with no luck. Any ideas? Thank you.
      Server Details (Linux/Windows, Hosting service, etc)Linux
      PHP version5.6.31
      Platform (name and version)Gantry 5
      Template/Extension (name and version)Helium
      Link to the Issue www.jsymedia.com/rebuild/

      ][/url]
    • Last Edit: 6 years 4 months ago by JSYMedia.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Mobile Menu on Right Side of Page?

    Posted 6 years 4 months ago
    • I presume that you mean the offcanvas section rather than just the mobile toggle hamburger.

      You can change the side the offcanvas section appears on the offcanvas section settings on the layout of your outline.

      Regards, Mark.
    • The following users have thanked you: JSYMedia

    • 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.
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21506
    • Thanks: 3081
    • messin' with stuff

    Re: Mobile Menu on Right Side of Page?

    Posted 6 years 4 months ago
    • The toggle is just the toggle... it's the Offcanvas section you're concerned with... it has an option in it's settings to position it left or right... Layout Manager > Offcanvas Section > Settings cog in upper right

      docs.gantry.org/gantry5/configure/layout...er#offcanvas-section
    • Last Edit: 6 years 4 months ago by Matt.
    • The following users have thanked you: JSYMedia

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • JSYMedia's Avatar
    • JSYMedia
    • Sr. Rocketeer
    • Posts: 134
    • Thanks: 1
    • Joomla plus Gantry

    Re: Mobile Menu on Right Side of Page?

    Posted 6 years 4 months ago
    • Actually I am referring to the hamburger icon location being aligned right on the page so that the logo fits nicely left. The offcanvas window/content idealy would open below the logo. A great example is this:

      https://www.ruckusmarketing.com/

      Really appreciate your help!
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21506
    • Thanks: 3081
    • messin' with stuff

    Re: Mobile Menu on Right Side of Page?

    Posted 6 years 4 months ago
    • .g-offcanvas-toggle {
      left: initial;
      right: 1rem;
      }

      :)
    • The following users have thanked you: JSYMedia

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Mobile Menu on Right Side of Page?

    Posted 6 years 4 months ago
    • JSYMedia - It's a bad idea moving that toggle to the right because the offcanvas section slides from the left and then pushes the mobile toggle off the page to the right so you can't click it again to close offcanvas.

      Regards, Mark.
    • The following users have thanked you: JSYMedia

    • 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.
    • JSYMedia's Avatar
    • JSYMedia
    • Sr. Rocketeer
    • Posts: 134
    • Thanks: 1
    • Joomla plus Gantry

    Re: Mobile Menu on Right Side of Page?

    Posted 6 years 4 months ago
    • I see how the offscreen section stays on the left. Bummer. I've been looking at many web design companies and their almost all formating the hamburger to the right and the offscreen in the section below the logo, which made me wonder what the top sites are doing. Used the wikipedia 2017 list and found that it's about 50/50. Maybe it would make sense to add that option in Gantry?

      FYI

      Sites With Right-Aligned Hamburger:

      Facebook
      reddit
      Bing
      CNN
      FOX
      IBM
      yandex.ru
      twitch.tv

      Sites With Left-Aligned Hamburger:

      Google
      Taobao
      tmall.com
      imgur.com
      msn.com
      aliexpress.com
      apple.com
      microsoft.com
    • Last Edit: 6 years 4 months ago by MrT.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Mobile Menu on Right Side of Page?

    Posted 6 years 4 months ago
    • You can have the offcanvas section show/open on the right or left - the mobile toggle will show on the same side as the offcanvas section opens. Because the toggle open the offcanvas section by sliding the other content of the page over you cannot have the toggle on the opposite side of the page because when the page opens the toggle will slide off the page.

      That is all the optiohns that we have and we won't be adding any further option.

      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.

Time to create page: 0.055 seconds