How do I make Down Arrow BIGGER on Mobile Menu?

[Conscious Crafties]

Hi there,

When users are on mobile devises (so can’t hover menu options), if they want to reveal more options under a parent option, they are required to click a teeny tiny down arrow alongside the menu options. Users don’t see the down arrow and it’s too tiny to click so they are missing vital menu options. See screenshot attached.

Is it possible to either:

a) Make the down arrow bigger and bolder?

b) If clicking a parent option on the menu, it then reveals the options beneath it (rather than just clicking the tiny arrow to the side of the menu label)

Many thanks,

Karen

 

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, sure i can make them bigger and bolder 🙂 Can you share an user so i can see the menu?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Hello, nevermind, if you add this to style.css of child theme it should fix it 🙂

COPY CODE

@media (max-width: 991px) {
span.caret:after {
    font-size: 20px !important;
    margin-top: 8px;
    font-weight: 900 !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Conscious Crafties]

Thank you very much Laura that worked 🙂

Is there a way to vertically centre the down arrow so it looks neater? (see screenshot)

Many thanks for your help,

Karen

Attachments:

You must be logged in to view attached files.

[Conscious Crafties]

Also is it possible to change the little down arrow to be a solid arrow to be more prominent?

See screenshot (in theme colours not black)

Many thanks for your help,

Karen

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, the arrow is an icon not an image, please try this to move the arrow

COPY CODE

@media (max-width: 991px) {
span.caret:after {
    font-size: 20px !important;
    margin-top: 8px !important;
    font-weight: 900 !important;
}
}

Let me know if it works 😀

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Conscious Crafties]

Thank you Laura.

I modified the margin to 2px and it now looks nice on the the menu option ‘My Shop’ but is in the wrong position on the Profile and About menu options. It’s weird they display in different places for the menu’s that are initially displayed and the ones that you have to click the expand menu to see.

Is there a way of vertically aligning the text rather than adding a top margin?

Many thanks for your help,

Karen

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please try the following 🙂

COPY CODE

.dropdown-menu span.caret:after {
    margin-top: 9px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Conscious Crafties]

Thanks Laura,

Was I meant to keep the previous CSS too or replace it?

I’ve replaced it and although the vertical alignment seems better, the down arrow is back to being tiny (see screenshot)

Many thanks,

Karen

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, not replace, add it below 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Conscious Crafties]

Wonderful thanks for your help Laura 🙂

[Laura]

Glad to help 🙂 If you can rate us 5 stars at themeforest it would help a lot 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts