drop down arrows on mobile menu

kayotics
(@kayotics)

7 years ago

Has anyone else had problems with the little tiny arrows on the side of the menu when on mobile. Its almost impossible to tap them on a phone to collapse/expand the menus on mobile. I cant figure out how to make them larger or modify them.
Does anyone know how or has this already been brought up?

thanks

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

ziggylives
(@ziggylives)

6 years, 9 months ago

I did it like this in the additional css section.

@media (max-width:767px) {
.navbarprimary .dropdowntoggle {
padding:0 2px;
outline:none;
font-size:30px;
background-color:transparent;
top:-3px;
}}

Thread Starter kayotics
(@kayotics)

6 years, 9 months ago

Thank you @media . I get a red error on that code. Did you have to add the navbarprimary code to another style sheet or anything? or should i just be able to paste that code in and it should start working?

Thread Starter kayotics
(@kayotics)

6 years, 9 months ago

looks like this..
https://ibb.co/cLfbM76

Theme Author Di Themes
(@dithemes)

6 years, 9 months ago

Hi @kayotics

Can you please share link of web page so we can check and help.

Thanks
Thread Starter kayotics
(@kayotics)

6 years, 9 months ago
Hi it’s http://www.childrenofthemicrowave.com/ again its only an issue on mobile.

Any help would be greatly appreciated.

Thanks

John
- This reply was modified 6 years, 9 months ago by kayotics.
Theme Author Di Themes
(@dithemes)

6 years, 9 months ago
Hi @kayotics

You can increase font size and padding to make it larger. please use below custom CSS:
```
.navbarprimary .dropdowntoggle {
	padding: 6px 8px;
}

.dropdowntoggle .fa.caretmobile.fa-chevron-circle-down,
.dropdowntoggle .fa.caretmobile.fa-chevron-circle-right {
	font-size: 22px;
}
```
you can increase / decrease padding and font size accordingly and to add custom CSS: Appearance > Customize > Additional CSS.

Thanks
ziggylives
(@ziggylives)

6 years, 9 months ago

@kayotics – that @media in the code is necessary. Copy the whole code block and try it. It looks like you are missing the @media part.

ziggylives
(@ziggylives)

6 years, 9 months ago

You can see it implemented here:
Oddity-machine.com

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

The topic ‘drop down arrows on mobile menu’ is closed to new replies.