Just one more tiny thing - could you just advise me (I'm not asking you to do it now ;)), where can I edit some properties of this menu toggle? I will need to change the font to the one we use on the website. And also - when I change the text to two words, it does not stay in one line but goes to two lines with basically no space in between.
I tried to edit this CSS but it's probably not the correct place to do so.
The text still cannot be much longer and once I add a word, it goes to another line below. But we can live with that. 😉
However - I am experiencing strange behavior - when I refresh this particular page, some of the fonts change, this Menu Button goes back to three dots. It stays like this after many refreshes, only gets back to normal later in some time. Please check these screenshots.
Hi,
Is there a way to replace the three dots for Category Filter on mobile with text?
The client thinks that not all the people will understand what these three dots actually mean or do (I strongly disagree with him but have to ask :)).
They'd like to replace it with t a word Kategorie, so it is more clear.
Can this be done?
Thanks for help.
D.
Attached files: Screenshot 2024-11-19 at 8.41.16.jpg
Hi,
I've added this CSS:
.portfolio-filters-resp button:before { content: "Kategorie"; display: contents; font-size: 20px; color: #000; } .portfolio-filters-resp button.menu-toggle span { display: none; } .portfolio-filters-resp .menu-toggle { width: 0 !important; overflow: visible !important; }Thank you! Perfect! Brilliant!
Just a question - where exactly did you add this code to? I cannot find it, just in case we need to modify it a bit.
In the Theme Options.
I got it.
It did not want to refresh for some reason before.
Thank you very much!
D.
You're welcome!
Have a nice day!
Just one more tiny thing - could you just advise me (I'm not asking you to do it now ;)), where can I edit some properties of this menu toggle? I will need to change the font to the one we use on the website. And also - when I change the text to two words, it does not stay in one line but goes to two lines with basically no space in between.
I tried to edit this CSS but it's probably not the correct place to do so.
.portfolio-filters-resp button:before {
content: "KATEGORIE >";
display: contents;
font: Exo-2, sans-serif;
font-weight: bold;
font-size: 20px;
color: #000;
}
I just need a push in the right direction... Thank you.
Please check your site now.
Hi, Michael,
Thanks a lot for help!
The text still cannot be much longer and once I add a word, it goes to another line below. But we can live with that. 😉
However - I am experiencing strange behavior - when I refresh this particular page, some of the fonts change, this Menu Button goes back to three dots. It stays like this after many refreshes, only gets back to normal later in some time. Please check these screenshots.
D.
Attached files: IMG_0518.png
IMG_0517.png
It looks like there is a problem with your site's optimization.
Please disable third-party plugins and optimization plugins to check.
You were right - I just deactivated WP Super Cache and it's back to normal. Thanks.
Can the container for the text replacing the three dots be wider so we can fit more characters?
Do I edit the width here:
.portfolio-filters-resp .menu-toggle { width: 0 !important; overflow: visible !important; }
Attached files: IMG_0532.jpeg
I don't quite understand the problem. You can't put more characters because the text simply won't fit on one line.
It shows different on my iPhone 15.
Strange.
Well, we'll keep it with one word only. Thanks.
Please check your site again.
You are a magician. :)
Thank you a lot!It was this line, right?
width: max-content;
I will try and learn for the future.
Thank you very much, Michael!
(I hope I won't have to bother you again anytime soon, with my dumb questions... ;))
I've used also this CSS:
.portfolio-filters-resp .menu-toggle { width: 0 !important; overflow: visible !important; text-indent: 0 !important; }Have a nice day!