Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Hi,
How do I get the mobile menu burger icon to sit on the left on the CRG login page? Please find below an iPhone 6 screen grab.
http://postimg.org/image/qpyi5o4bj/
Thanks,
Best regards,
Robert.
Offline
looks like you have two choices. One is custom css. This looks to be the css controlling the location of the mobile menu:
#pull li#open-nav, #pull li#close-nav {
margin-left: 80%;
}If you change that to margin-right: 80%; that will move it to the left.
But site-wide custom css would affect all ttg pages and galleries. So you might set up a custom css file just for your CRGs. If you have other custom css that you use, you can direct one file to your CRGs and one file to the rest of your site. I outline that towards the end of this post: http://ttg-tips-and-tricks.barbeephoto. … galleries/
Another option is to create a CRG template that has the navigation above the masthead and select that template in your CRG admin. Above the masthead would get it completely out of the way.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Thanks Rod,
I can't get it to position correctly for both desktop resized window and the iPhone screen. I tried margin-left: 20%; , margin-right: 80%; and other variations.
None of them works well.
What would be the cleanest way to remove the mobile icon altogether? I don't really need it because the links sit under the image logo. The mobile menu icon seems unnecessary.
Last edited by RobS (2015-06-19 00:15:55)
Offline
The mobile menu icon seems unnecessary.
Except on mobile devices.
but if you don't need navigation at all on your CRG login page, try disabling navigation in the template you're using for CRG
Or you could put it above the masthead for that template.
Or you could use G_TEMPLATE in phplugins to target just the template you're using for the CRG login page and feed it custom css to set the mobile menu to display: none;
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Hi Rod,
I'd like to keep the navigation where it is (it matches my website design). All the templates (login, selection and download) are the same.
Any idea how I control the position of the mobile menu icon in Lightroom? It frustratingly just sits over on the right when I reposition the Lightroom window.
Using the G_TEMPLATE in phplugins, can I prevent from the mobile menu icon from appearing altogether, but on screen the normal desktop nav links will still be there? It won't disable the nav links altogether?
Thanks.
Offline
Any idea how I control the position of the mobile menu icon in Lightroom?
No. That's why you'd need custom css
Using the G_TEMPLATE in phplugins, can I prevent from the mobile menu icon from appearing altogether, but on screen the normal desktop nav links will still be there? It won't disable the nav links altogether?
you should. You'll just have to find the correct selector (it may be the same as the one I suggested above) and put it in a media query in custom css.
but what I'm wondering is why the text in your image above is on the right? In all my tests it's on the left.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
> but what I'm wondering is why the text in your image above is on the right? In all my tests it's on the left.
Hi Rod,
Not sure, the only custom.css I have is
.masthead h1 {
padding-bottom: 12px;
}
#pull li#open-nav, #pull li#close-nav {
margin-left: 20%;
Offline
Won't be able to tell without an actual link to the gallery.
the second css declaration you have needs a closing curly brace } , otherwise it won't work.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline