Bon Vivant Theme

ngiannopoulou · Member · Apr 21, 2018 at 4:13 pm
Copy link

Add topic to favorites
Hello,

I see that my selected Theme (Bon Vivant) displays the following text “Navigation” for the navigation menu (no border or image to emphasize it is a menu… just the text “Navigation”) for the mobile version of the Site/Theme. (site: http://www.nplusg.com)

What I would like to do is either add a border or something to make it look like a menu (specifically for the mobile version of the theme/site).

Is this possible and how?

Thank you n advance for your assistance

The blog I need help with is: (visible only to logged in users)
ravichahar · Member · Apr 21, 2018 at 4:25 pm
Copy link
Hey ngiannopoulou,

It can be accomplished using the Custom CSS. Go to MY Sites>>Customize>>CSS and you can add this code.
```
h1.menu-toggle{
border: 2px solid #ffffff;
background-color: #272323;
padding: 0.5em;
}
```
It will add a white border to the “Navigation” in the mobile version and add a background color.

If you’re having a Premium or a Business Plan, you can add this CSS.

The personal plan doesn’t allow you to add any code.

Hope this helps.
ngiannopoulou · Member · Apr 21, 2018 at 4:30 pm
Copy link
Hello ravichahar

It works perfectly! Thank you!

One last question (if you can assist).

As you can see the Title on each post (for the mobile version) is huge!

How can I change the size of the text ONLY for the title of the post and ONLY for the mobile version of the site/theme?

Thank you in advance for your assistance!
ravichahar · Member · Apr 21, 2018 at 5:07 pm
Copy link
Please try adding this code.
```
@media only screen and (max-width: 760px){
.wf-active .entry-title{
font-size: 30px;
}
}
```
You can adjust the size according to your requirements.
joshron · Member · Apr 21, 2018 at 5:14 pm
Copy link
Hi ngiannopoulou,

In addition to @ravichahar’s reply, as a user with a paid plan, you have access to Email & Live Chat Support which gets you in contact with a staff directly.
https://wordpress.com/help/contact

Hope this helps! Thanks!
ngiannopoulou · Member · Apr 21, 2018 at 5:20 pm
Copy link
Thank you so much ravichahar!

It works!

Sorry for any hassle… changed to this new theme and it has been bringing up some little issues… thank you for your assistance!
ngiannopoulou · Member · Apr 21, 2018 at 5:21 pm
Copy link
Hello joshron, thank you for your reply. I am aware about this, went to ask for live assistance but only email was available…
ravichahar · Member · Apr 21, 2018 at 5:32 pm
Copy link
Always happy to help.
ngiannopoulou · Member · Apr 21, 2018 at 5:38 pm
Copy link
Thank you ravichahar

I hope I am not overdoing it but it is urgent… and hope you can help me with this matter (posted it on another new thread). Ive searched but haven’t found an answer.

I just saw that in the *mobile* version of the new theme I am using the comments go off page and can’t be read!

Thank you in advance!

site: http://www.nplusg.com
The blog I need help with is nplusg.com.
ngiannopoulou · Member · Apr 22, 2018 at 7:17 am
Copy link
Topic Resolved.

No items found.