Thread Starter
Chuckie
(@ajtruckle)
I think it might be ok now. I added some CSS to set the badge z order to 999.
Glad you were able to get that sorted 🙂
Thread Starter
Chuckie
(@ajtruckle)
I also now realise that I had a CSP in action and needed to add some URLs to the policy for reCaptcha scripts to run.
Question:
If I change my settings to have the catchpa on the right, can we move the menu icon up to just above it?
Yep, that’s certainly possible, and quite easy to do. You could either move the mobile menu icon just above the Captcha badge, or even move it to the top or left of the screen.
To move it above the Captcha badge, just use this css (and change the px amount as necessary):
#mobile-site-navigation {
bottom: 100px;
}
To move it to the top-right of the screen, instead of the bottom-right, just use this css:
#mobile-site-navigation {
bottom: auto;
top: 24px;
}
Forgot to mention… You can add this css into the Additional CSS panel within the Customizer
Thread Starter
Chuckie
(@ajtruckle)
Thanks, it is now on the right. But, how do I better align them vertically? Ie, move the Menu over to thr right a bit. Thanks.
To move it to the right slightly, simply change the above code to the following (adjusting the right px value as needed):
#mobile-site-navigation {
bottom: 100px;
right: 5px;
}
Just as another alternative, if you wanted to put the menu button right up against the edge of the browser window, just like the Captcha badge, you could also tweak the border radius so that it’s flat on one side….
#mobile-site-navigation {
bottom: 100px;
right: 0px;
border-radius: 50% 0 0 50%;
}
Thread Starter
Chuckie
(@ajtruckle)
Awesome, I am quite happy with it now.
Thanks for your help.
No worries. Glad it’s all sorted now 🙂
