Move the Gantry Responsive Menu Button to the Right side of the Screen

[Michael]

Good Morning guys,

I have what I hope is an easy question.  I would like to move the Responsive Menu Button displayed on mobile phones to the right side of the screen.  It works fine where it is on my site but what I don't like comes down to Aesthetics.  The Menu Button covers up part of the Logo and aesthetically it's just not pleasing.  I've tried moving it up and down on the left but just don't like the look of it.  If I could place it so it shows up on the right side of the screen it would be great and more aesthetically pleasing!

The code I've tried so far with no luck is this:
.gf-menu-toggle {float: right;}
but that obviously didn't work.

Any help you guys can give me in figuring this out would be greatly appreciated.

regards,

Michael

http://xeiropraktiki.n8solutions.org

Site is Offline
Login with
Username: Visitor
Password: Visitor

[Alex de Borba]

If I understood it right, if you want to align everything on the right then the css there is wrong, you should apply {float: right} to the entire block where logo and menu displays, therefore: #rt-header

Alex de Borba CEO at Æ, Inc. Developer at Apple Tech and Service Freelancer Developer for hiring  IMPORTANT: The contents of this email and any attachments are confidential. They are intended for the named recipient(s) only. If you have received this email by mistake, please notify the sender immediately and do not disclose the contents to anyone or make copies thereof.

--
--
You received this message because you are subscribed to the Google
Groups "Gantry Framework for Joomla Users" group.
To post to this group, send email to
gantry-framework...@googlegroups.com
To unsubscribe from this group, send email to
gantry-framework-for-j...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Michael]

Thank you for your reply Alex,

I do not want to align "everything" on the right.  What I want is to move only the Mobile Menu Button, which by default is in the Left Hand corner on Mobile phones.  I would like it to be in the Right Hand corner because there it would be more Aesthetically pleasing.  I have attached a picture for clarification purposes.

regards,

Michael


http://xeiropraktiki.n8solutions.org

Site is Offline
Login with
Username: Visitor
Password: Visitor

gantry-framework-for-joomla-us...@googlegroups.com

To unsubscribe from this group, send email to

gantry-framework-for-joomla-users+unsubscribe@googlegroups.com

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.

[Alex de Borba]

Got it now, and it's easy, just add this to your gantry-custom.css and should work:

.gf-menu-toggle {
    right: 10px;
}

Alex de Borba CEO at Æ, Inc. Developer at Apple Tech and Service Freelancer Developer for hiring  IMPORTANT: The contents of this email and any attachments are confidential. They are intended for the named recipient(s) only. If you have received this email by mistake, please notify the sender immediately and do not disclose the contents to anyone or make copies thereof.

gantry-framework...@googlegroups.com

To unsubscribe from this group, send email to

gantry-framework-for-j...@googlegroups.com

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.

[Michael]

Alex,

Thank you again for trying to help.  Unfortunately what you suggested caused the menu toggler to spread the width of the screen leaving the 3 little bars on the left.  It's like the 3 little bars have anchored the whole thing to the left of the screen.  I've attached a picture for reference.  Any other ideas?

regards,

Michael

gantry-framework-for-joomla-use...@googlegroups.com

To unsubscribe from this group, send email to
gantry-framework-for-joomla-users+unsubscribe@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-joomla-users+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Alex de Borba]

Strange because it did worked fine for me. If you have any compression enabled it might cause issues, like CloudFlare or any J! extension perhaps.

Alex de Borba CEO at Æ, Inc. Developer at Apple Tech and Service Freelancer Developer for hiring  IMPORTANT: The contents of this email and any attachments are confidential. They are intended for the named recipient(s) only. If you have received this email by mistake, please notify the sender immediately and do not disclose the contents to anyone or make copies thereof.

gantry-framework...@googlegroups.com

To unsubscribe from this group, send email to

gantry-framework-for-j...@googlegroups.com

For more options, visit this group at
http://groups.google.com/group/gantry-framework-for-joomla-users?hl=en
 
Gantry Framework Homepage: http://www.gantry-framework.org
 
---
You received this message because you are subscribed to the Google Groups "Gantry Framework for Joomla Users" group.

To unsubscribe from this group and stop receiving emails from it, send an email to gantry-framework-for-j...@googlegroups.com.

[Frost]

Same issue with me, did you have any luck with this?

[mpleclerc]

A small addition to Alex' code did the trick for me:

.gf-menu-toggle {
    right: 10px;
    left: auto;
}

MP

[Yolanda Granados]

mpleclerc, this addition, did the trick for me, thanks for sharing with the ones that are learning.

[David Heutink]

That did the trick by me also, thanx a lot!