css the mobile menu

Resolved nichere
(@nichere)

7 years, 10 months ago

I am having a really hard time changing the size of my titles in the mobile menu. i located the CSS but i cannot seem to change the font size.

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-501{

}
please someone help me.

thank you

This topic was modified 5 minutes ago by Steve Stern.
The page I need help with: http://www.slimnics.com

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

Viewing 15 replies - 1 through 15 (of 20 total)

1 2 →

Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago

Hello, what title? Can you show me a screenshot?

Thread Starter nichere
(@nichere)

7 years, 10 months ago

https://photos.app.goo.gl/pv4LAEpjVUjZPaVL8

here is the screeshot. I am trying to style the menu in red. I managed to change the background to red but i cannot change the font size. Also, They were in a sub menu under ‘series’ but i took them out because the font was so small and i could not change the font.
I used this css
Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago
Ah okay, add this css code in the custom css section of the customizer:
```
#mobile-fullscreen ul>li>a {
    font-size: 38px;
}
```
Thread Starter nichere
(@nichere)

7 years, 10 months ago

This happened

https://image.ibb.co/n9HKgU/Screen_Shot_2018_08_15_at_3_24_51_pm.png
Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago
You need to copy/paste this exact code with the “>”:
```
#mobile-fullscreen ul>li>a {
    font-size: 38px;
}
```
Thread Starter nichere
(@nichere)

7 years, 10 months ago

Hi

No that didnt change the sub menu size. you can see in the screen shot i can change the background to red but for some reason i cannot change the font size.

screen shot

Thread Starter nichere
(@nichere)

7 years, 10 months ago

The sub menu is too small and too close together . I am trying to change the font size of that sub menu and give them breathing space in between…It is specially difficult to touch these on a mobile phone.
Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago
Hello, add this css code:
```
#mobile-fullscreen ul ul.sub-menu li a {
    font-size: 24px;
    padding: 16px 0;
}
```
Thread Starter nichere
(@nichere)

7 years, 10 months ago

You Legend!!! thanks

Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago

You are most welcome 🙂

Thread Starter nichere
(@nichere)

7 years, 10 months ago

screen shot fixed thank you

Theme Author oceanwp
(@oceanwp)

7 years, 10 months ago

Looks great 🙂

domwieners
(@domwieners)

7 years, 5 months ago

Hi there.

I too have been trying to change the css with limited success. I would like to change the color to white, and cant seem to locate the relevant css. Any assistance would be appreciated.

Kind regards
Dominic

Theme Author oceanwp
(@oceanwp)

7 years, 5 months ago

Hello, can you send me a link of your site?

domwieners
(@domwieners)

7 years, 5 months ago

http://www.impi.solutions

Viewing 15 replies - 1 through 15 (of 20 total)

1 2 →

The topic ‘css the mobile menu’ is closed to new replies.

Tags