sheilaob

Thanks a lot, worked like magic! ??

Thanks for your response, here it is:

https://www.praxis-bilderleben.de/en/

Thanks a lot, that’s a good idea!

Awesome, it worked, so simple ??

Thanks a lot for all your support!

Hmmm I must be doing something wrong. Thanks for the link. Since it’s about styling a menu and I’m not looking to style a menu, but only one item (let’s call this item ‘Tuesday’), I didn’t follow it exactly.

Here is what I did:

I added to the Custom CSS in WP:

.navigation-mobile-only a {
}

@media (min-width:767px) {
.navigation-mobile-only {
display:none;
}
}`

Then under ‘Appearance -> Menus’ I added ‘Tuesday’ to the main menu and under Tuesday’s ‘CSS Classes (optional)’ I added ‘navigation-mobile-only’.

I played with the color of the class ‘navigation-mobile-only’ just to check if it’s working, and indeed only ‘Tuesday’ changed color (the rest of the menu stayed black). But ‘Tuesday’ didn’t disappear from the desktop screen (larger than 767px) :-/

What am I missing?

Thanks a lot!

Hi @markwaregr,

Thanks, it worked, but I don’t like the look of a top menu in mobile view (maybe that’s the reason it’s automatically taken out in this theme..).

Is there any way to add either a main menu item or a footer menu item that will be visible only in mobile view?

Have a great day!

Worked like a charm, thanks! ??

I have one more question: it disappears on screen sizes smaller than 991px – is there a way to keep it there too?

Hi @markwaregr,

many many thanks for all your great support solutions – to my own posted issues and to others – they’re great help.

Your code solved the issue with the menu. Thanks!

Hi @markwaregr,

thanks a lot – the plugin was an easy and quick solution that worked!

Hi Fotis,

Thanks a lot! – I had the same wish and it worked great!

Seems to be working now, not sure what made changed, but as long as it works..!

Thanks for your suggestion, @vijayhardaha, but changing the theme would unfortunately mean making a whole lot of changes to the site’s layout and style, which is something that I’d prefer to avoid.

Therefore – if anybody here might have a solution or tips about what to explore in CSS, I’d much appreciate it!

Thanks!

Hi @vijayhardaha,

Thanks a lot for your quick response.

I also doubt that I would get a response from the theme support team. It’s unfortunately also not possible for me to contact them directly through their website.

I would therefore much appreciate any help I could get here!

I’d be happy to change css codes. I’m not a developer, but I do have very basic knowledge of working with css. Could you please advise me as to what to look for and change in the style.css file?

Thanks a lot!

Hi @himanshuc,

Thanks a lot, that was a good tip. I ended up adjusting it a bit, since when I entered:
.nav li{
max-width: 25%;
width: 100%;
line-height: normal;
}
it solved the problem with the third row, but created two rows within each menu line for the titles that were too long to fit in 25%. So I left this part out and it still solved the problem with the ‘about and contact’ menu item.

Now the whole menu slides into several rows, but only in a particular and small range of window width – between app 1001px-1096px. Any idea if and how I could solve that?

Thanks a lot for your kind help, I appreciate it!

• This reply was modified 3 years ago by sheilaob.
• This reply was modified 3 years ago by sheilaob.

Thanks t-p, but unfortunately they don’t have a support forum and the only way to get support is with a key that I don’t have since I got the theme for free through WordPress.

Therefore – if anybody here might have a solution, I’d much appreciate it!

I’m not a developer myself, but I hope that developers who know their way might be able to find a solution.

Thanks in advance!