how to make responsive drop down marker bigger

[barryhill]

Hi

I am using Atmosphere Pro - is there any way of making the V drop down marker that is used for mobiles/laptops bigger? I am getting comments from users that they 'can't find' the drop down marker on mobile/laptop. It would be handy if it could be bigger.

You can see this problem if you view the URL below on mobile or laptop and click on 'complimentary therapies' in the top menu.

thanks

Barry

[Victor Font]

Look for this CSS in style.css around line 1818 and change the font-size:

menu-toggle::before {
    font-size: 1.5em;
    margin: -2px 10px 0 0;
    text-rendering: auto;
    vertical-align: middle;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[barryhill]

Hi Victor

Many thanks for your swift response. I have put the CSS in my atmosphere pro style.css and it doesn't seem to be making any difference.

This problem is showing up in mobiles and laptops, not desktop where the responsive design kicks in.

If you view the website on a smartphone or smartpad, and go to Complimentary Therapies, you will see the little arrows on the right, which people are missing?

Any other thoughts?

Barry

[barryhill]

Would this be in style.css in the atmosphere pro directory, or in the Genesis directory?

barry

[Author]

Posts