Help me with the menu dropdown!

  • MLI

    (@madanlinkindustries)


    3 years, 9 months ago

    Currently in the process of developing [ redundant link removed ] (you will see it as a coming soon page)

    My issue is that even though the dropdown arrows in the primary menu look absolutely great on the desktop version of the site. As soon as you access it from the mobile, those arrows seem to convert into some random ‘buttons’ which are not clickable and look ugly on the menu bar.

    [ redundant link removed ] you can use this link to skip the coming soon page and see the site in real time. Please open this in your mobile.

    Please help me look these arrows ‘like arrows’ in the mobile version too. Rest of the site to me looks pretty decent just this arrow is what keeps bugging me.

    I don’t know if this helps, but I am using Business Times theme.

    • This topic was modified 3 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Requests and Feedback topic

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

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

  • Hi @madanlinkindustries,
    Hope you are doing well. Please try the below CSS code. I hope it will help you to solve your issue.

    button.sidr-class-btn-submenu {
    display: none !important;
    }

    For put, this code Go to Dashboard > Appearance > Customization > Additional CSS > Publish.
    Thank you.

    Thread Starter MLI

    (@madanlinkindustries)

    Hey Nadia! Thanks for your quick response. I am actually not hoping to remove the arrows entirely on the mobile site but just make them appear like arrows and not buttons.

    Because it is diluting my categories with sub-categories this way. Or if you can help me find a way to highlight my categories apart from the sub-categories in any way, maybe change their color, that would really help.

    Hi @madanlinkindustries,

    This problem is for your theme. Please try the below CSS. Maybe it will work.

    ul.sidr-class-menu-item-569.sidr-class-sub-menu {
    background-color: wheat;
    }

    If the upper one does not work then try this one.

    li#sidr-id-menu-item-569 {
    background-color: #0c83ff;
    }

    or You can change Your theme.
    Thank you.

    Thread Starter MLI

    (@madanlinkindustries)

    This option works for me but just that along with highlighting my Categories, it is also highlighting my sub categories which defeats the purpose to highlight ‘categories’.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help me with the menu dropdown!’ is closed to new replies.