Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 14, 2016 at 5:05 pm #648143
    Munford

    I have a fullwidth submenu on the page below, but on mobile am seeing this:

    View post on imgur.com


    instead of this:

    View post on imgur.com

    how do I get the arrows to display properly?
    thanks
    Nancy

    June 14, 2016 at 5:17 pm #648152
    Yigit

    Hi Munford!

    I cannot see fullwidth submenu on your page. Can you please check the link once again?

    Best regards,
    Yigit

    June 14, 2016 at 6:19 pm #648191
    Munford

    sorry this one

    June 14, 2016 at 6:24 pm #648193
    Munford

    Is there a way to have that menu sticky on mobile?

    June 14, 2016 at 7:08 pm #648210
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before {
content: "\25BA";
}

    Best regards,
    Yigit

    June 14, 2016 at 8:53 pm #648256
    Munford

    View post on imgur.com

    got better arrows but they are a little smashed.
    and now they are showing up in my fullwidth submenu on pc
    added the media query:
    @media only screen and (max-width: 990px) {
    but the arrows are still on the menu.
    ?

    • This reply was modified 8 years, 6 months ago by Munford.
    June 16, 2016 at 2:55 pm #649252
    Yigit

    Hi,

    They do not show up on my end :/
    You can add following code to simply remove arrows

    .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before {
display: none !important;
}

    Best regards,
    Yigit

    June 16, 2016 at 3:22 pm #649261
    Munford

    I think the media query worked but I will try your code. Thanks.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘problem with arrow icons on mobile menu / fullwidth submenu’ is closed to new replies.