Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 20, 2015 at 6:01 am #415034
    fjhughes

    I’ve searched the forums and there are several solutions for what I’m trying to do, but I know each site is slightly different. On my site http://tsgaz.net/gnohie/ when you begin to resize, I would like to have the menu font size shrink first, then have it pop to mobile menu. Right now when it pops to mobile menu, the mobile menu does not work until it gets much smaller.

    Another question I have is, I have a lot of code in the Quick CSS. I have a child theme, can I move that to a custom.css in the child theme where it will be safe from updates, but also out of the way of the client so they don’t mess it up? :)

    Thanks,

    -Fred

    March 20, 2015 at 8:25 pm #415499
    Elliott

    Hey Fred!

    I’m not really sure if there is an easy way to go about that. You could try setting the font-size to vw which is like setting it to a percentage of the screen width.

    .avia-menu-text {
  font-size: 1vw !important;
}

    It might look weird on very large screens though.

    Yes you can move your CSS to the child theme stylesheet. If it’s not getting applied for some reason then try using !important override like so.

    a { color: blue !important; }

    Best regards,
    Elliott

    March 20, 2015 at 9:55 pm #415546
    fjhughes

    Hi Elliot. I will give that a try and see how it looks. Can you tell why my mobile menu isn’t working until it gets really small? When resizing the browser window, it pops to the mobile menu, but that menu doesn’t work until the page gets really small, then it starts working. Also, it’s not popping soon enough, the last menu item is wrapping.

    Thanks!

    -Fred

    March 22, 2015 at 8:56 am #415907
    Ismael

    Hey!

    You can adjust the Header Mobile Menu activation settings on Enfold > Header > Mobile Menu panel to show the mobile advance menu earlier. Select the second option.

    Best regards,
    Ismael

    March 23, 2015 at 5:58 am #416203
    fjhughes

    It shows the menu,the problem is, the menu doesn’t work. When you click on it, nothing happens. As you resize smaller and smaller, at a certain point, then it works.

    March 24, 2015 at 1:00 am #416827
    Ismael

    Hey!

    You added css modifications to show the mobile menu earlier but it will not work. Please remove the css modifications then replace it with this:

    @media only screen and (max-width: 1200px) {
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block;
}

.responsive .av_mobile_menu_tablet .main_menu {
display: none;
}

.html_mobile_menu_tablet #mobile-advanced {
display: block;
}}

    Regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.