Adjusting or Hiding Dropdown Icon in Responsive Menu

  • I am currently trying to fix the responsive menu on my page. When the responsive toggle menu is activated on a smaller screen or window, large dropdown icons appear underneath the page links where my subpages are shown.

    I am curious if there is some additional CSS I can apply to resolve this issue? Any help is much appreciated!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @vegpack

    I can see you have two font-awesome.css added.
    I would recommend removing the 2nd one (link below) or move it before style.css if you needed for some reasons.

    netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css?ver=1.3.9

    font-awesome.css should be placed before style.css so that it’s easy to manage the font size.

    • This reply was modified 6 years, 6 months ago by Benachi.
    Thread Starter vegpack

    (@vegpack)

    Thanks for the reply @utz119

    The correct smaller size dropdown icon is present to the right on smaller screens or windows, but is there a way to hide the unnecessary oversized dropdown icon that is shown underneath?

    Your suggestion doesn’t seem to address this accordingly, at least to my understanding. I am hoping to hide the icon, opposed to managing the font size.

    Thread Starter vegpack

    (@vegpack)

    SOS

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adjusting or Hiding Dropdown Icon in Responsive Menu’ is closed to new replies.