-
AuthorPosts
-
October 8, 2015 at 1:54 am #616182
might i propose to others using this for their site mobile menu mods, use the following for the css as it will allow the mobile menu icon lines to appear closer together like a mobile menu should as well as the transformation into the X :
#menu {
background: transparent;
font-size: 1.5em;
width: 2.5em;
height: auto;
box-shadow:none;
}#menu span {
background: #27b9e5;
display: block;
position: relative;
-webkit-transform: translate3d(0,0,0);
}
#menu span,
#menu span:before,
#menu span:after {
width: 100%;
height: .23em;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translate3d(0,0,0);
}#menu span:before,
#menu span:after {
background: #27b9e5;
content: ” “;
margin-top: -.45em;
position: absolute;
}#menu span:after {
margin-top: .4em;
}#menu.on span {
background: transparent;
}#menu.on span:before {
-moz-transform: rotate(45deg) translate(.3em, .3em);
-ms-transform: rotate(45deg) translate(.3em, .3em);
-o-transform: rotate(45deg) translate(.3em, .3em);
-webkit-transform: rotate(45deg) translate(.3em, .3em);
transform: rotate(45deg) translate(.3em, .3em);
}#menu.on span:after {
-moz-transform: rotate(-45deg) translate(.3em, -.3em);
-ms-transform: rotate(-45deg) translate(.3em, -.3em);
-o-transform: rotate(-45deg) translate(.3em, -.3em);
-webkit-transform: rotate(-45deg) translate(.3em, -.3em);
transform: rotate(-45deg) translate(.3em, -.3em);
}.x-btn-navbar.collapsed {
box-shadow:none;
}October 8, 2015 at 2:21 am #616223Hi,
Thanks for sharing.
With regards to your question if this will get overwritten during upgrades.
As instructed in #616112 you need to create the file in your child theme.
If you haven’t set-up a child theme yet kindly follow this guide.
—
Please note that you can’t use Visual Composer inside Cornerstone. These are two separate page builders and they are not interchangeable. You can only use one per page and cannot mix.
Hope that helps.
October 8, 2015 at 4:07 pm #617234I’ve done so – thank you. However, it appears that the menu on iphone actually doesn’t respond.
Check it out on your phone – it appears that unless you do a semi-long press for the menu that it will allow the animation to respond but the menu may not pop down. Do you know why this might be? Maybe I need to have a div linked or an image linked and the animation is played as a result of it…
On the other note:
As for the visual composer – in the cornerstone editing tool, you add a text field and then go to edit the text field using the left side editor where you can select text/visual and the visual appears to blank.
October 8, 2015 at 8:43 pm #617506Hi there,
In that case, please create a new thread while linking back here. And please provide your site’s url and admin login credentials in private reply.
We need to check your site first to confirm and investigate this issue.
Thanks!
October 9, 2015 at 12:20 am #617679i’m slightly embarassed to say that my visual composer got uninstalled. Went back and re-added it from the extensions.
I’ll troubleshoot the mobile menu button as to why it’s animating on lightly clicking vs slightly longer press causing the menu to appear and different animations. I understand it’s not part of your features – but I’ll take any recommendations if you want to login with the same params mentioned above.
October 9, 2015 at 12:37 am #617693Hi There,
At this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing. Provide us the site URL as well.
Thanks!
-
AuthorPosts