-
MOBIL VERSION:
1) Pagetitel is not centered and not responsive (ex. https://seminar-finder.online/was-ist-persoenlichkeitsentwicklung/)
2) Pagetitel on Startpage: The Background font is making text bad readable. Should be moved a bit closer (https://seminar-finder.online/)
3) Event slideshow on startpage: There are no arrows so some users will not know that theire can swipe through the events. Its also just text with background, without the image which makes this not cool looking on mobil – I guess you know what I mean
GENERAL:
4)How can I use a background Image for categoriepages, posts or eventcategories? (ex. https://seminar-finder.online/category/persoenlichkeitsentwicklung/)
5) Why is there a “continue reading” text at the end of my blogpost? (https://seminar-finder.online/was-ist-persoenlichkeitsentwicklung/)
6) Eventcategorie link: Is it possible to add a categorielink to the Post Carousel so that the users can click and open the event and he can also see which eventcategorie it is and can click on that to see all? (https://seminar-finder.online)
Thanks in advance. All these things are very important for me, cause user experience especially mobil users is an important part.
Kind regards, Stephan
Hello Stephan and thanks for your detailed review.
1) I see the problem, we never tested with such long words, sorry. To fix it, you can temporary add this CSS in Appearance > Customize > CSS:
.qt-pageheader .qt-caption, .qt-herobox, .qt-caption { word-break: break-all; hyphens: auto; }
2) I’m not sure I understand what you mean, so I took a screenshot of what I see. If you need to adjust the paddings, I’d suggest to edit the rows and columns of the titles. You can use PX sizes or, for a more responsive result, also percentages, as for example a 4% top and bottom. You need to make some tests to find the size that fits with your contents.
You can also use a mix of pixel and % adding the padding to the rows and to the columns.
3) In the event slider there are no arrows because there is no space, but there are the navigation dots, and you see the beginning of the next slider on the edge:
https://d.pr/free/i/XG4DhRThere is no space for arrows in mobile, this is like in the demo, if you with wo change the theme in order to change its behavior, of course is not a problem, but we have to keep the product in this wey because is how is proven to work better.
GENERAL:
4) You can add a category background for post categories. To do so, in the left WP menu, click Categories, then edit a category: you will see an image uploader field.
5) I don’t see the continue reading, very sorry, can you please provide more info or a screenshot?
https://d.pr/free/i/8bFupW6) Technically, it is possible, in the practice it require quite some work, so we can’t provide this customization under the theme support rules, I’m sorry.
Looking forward for your feedback
regards
Igor1) is not working its just putting the pagetitel on the startpage in a wrong row
2) on the desktop version its all good but you see on the mobil version. Titel is not easy to read cause the yellow writing is to far away from the white one. That is what I meant
3) Oh sorry that was my bad explaination, you are looking at the wrong slider…If you scroll down right after the videoslider you see at this event slider there are no arrows…you have them on desktop version but not on mobil..would be nice to have dots or something where users know…oh its possible to swipe there….
4) I cant find it. On this categorysettings is nothing with ad background in the backend:
https://seminar-finder.online/category/persoenlichkeitsentwicklung/
https://seminar-finder.online/filter/finanzen/I would need the design customization tap here
5) Above the Footer:
https://d.pr/free/i/NEAVC46) Ok
1) Ok, this is another thing. The solution I gave you fixes the titles in the normal headers. And it works fine there (pages and posts). As in the first link you posted about this.
Then in the new screenshot, you are linking a text that is done with the shortcode. In this shortcode, for each line, you can choose the size. You need to please choose a smaller size for the line that breaks.2) Frint page text mobile: now I understand, you meant the text shadow (didn’t underwstand what background text was). Ok I see you already removed it totally.
3) Thanks for the slider clarification. Actually they are hidden because of space limitation and because these sliders have a more “showcase” than functional use.
You can display the arrows in mobile by adding.qt-material-slider .qt-control-arrows {display: block !important; }
4) Category Background: please be sure you have the category background plugin installed. While editing the category you should have the image editor like this:
https://d.pr/free/i/dOHSCPIf you don’t have this plugin, please be sure to have the latest theme version (it was introduced in a recent update, like one month ago).
Is tested and working fine
https://d.pr/free/i/zHe2MX5) ATTENTION: you have a problem here
https://seminar-finder.online/blog/This seems like a permalinks settings issue to me.
How to fix:1) Go in settings > Permalinks and set it as category/postname and save
2) In settings > eading be sure you DO NOT set a page as blog archive, as if you do it, WordPress will ignore all the page settings completely
3) If you use any caching plugin, purge the cache5) CONTINUE READING: thanks for the clarification, I was looking for a post or page. This is the title of the section that contains the navigation posts (previous and following posts.
Now, as you only have 1 post, the section is empty. As soon as you add a post there will be a navigation section below, as in the demos.I understand that now that you have only one post it appears as buggy. As matter of fact, people normally add 3 or 4 posts to a blog before making the blog section public (to provide the people some contents to digg in) sho you should never see the title with nothing below.
Anyway, if you want to delete it, you can edit single.php and delete this code temporary
1) This is working yes but its cutting the words down and that look not professional at all. On mobil the pagetitel should be shrinked like responsive does usually.
2) yes I changed the titel on mobil. Have a look at the startpage on the Internet Explorer. There is a issue with the titel (it look normal in firefox or chrome)
3) SOLVED
4) Ok now I can usw a blogcategorie image but it would be more important for the eventtypes. Could you add eventtype background aswell? And would be also nice to have the shortcodes like in normal pages cause I want to make the titel image shorter on the eventtype pages
5) ok got it
Thaks so far for your time and help,
kind regards
StephanHello Stephen, sorry for letting you wait, we are half closed/on holiday so the answers are a bit delayed.
We believe that like this is still better than delegating the support to indian services as many other WordPress author does 🙂2) Which IE version? We saw on IE11 that the text shadow is too far. It seems nobody saw the problem before, probably because that browser is barely used (https://caniuse.com/usage-table). Will provide a specific update in few days.
4) Can put this in the next theme update next week.Any other open issue from this thread?
Hi, yeah all good. You do fantastic support 🙂
1) Could you check this? if you watch for ex. the blog titel on mobil or other titels its not responsive (the font is not shrinking, its more cutting down the text)
2) I changed this titel type now completly cause it was not really mobil and IE friedly but as soon there is an update about that, let me know and I will use this cool type again
Helo Stephen
1) I see you still didn’t apply the CSS provided in the first answer to fix the post titles
.qt-pageheader .qt-caption, .qt-herobox { word-break: break-all; hyphens: auto; }
2) You can add also this if you see the problem in other places
h1, h2, h3, h4, h5, h6 { word-break: break-all; hyphens: auto; }
Hi,
1) yes I havent’t applied the code cause its cutting the words. It shouldn’t breake-all it should shrink the font or cut in after the word an noth within the word.
Like here (I applied it for now)Hi!
This is the fix we use to let long words fit tiny spaces.
Another solution could be sizing down the font on mobile for blog titles but it will get quite unreadable.Ist not a solution for me if ist cutting down the word like:
My n
ame i
s StephanYou would agree right? So how can we set up that the font is responsive, so that its just breaking down and the end of a word? In the worst case its possible to sizing down a bit. Lets give it a try cause I can’t leave it like it is now!
Thanks 🙂
So this is the last from all off the issues I had!
Very good support so far! Thumps up 🙂
Hi Stephen, we have been discussing your case.
Actually, the titles shouldn’t be cutted with 2 letters per line, and instead of just being broken there would be a hypen (-) to break the words, as it happens in a book), for instance:Hello, my na-
me is Igor.Which is a standard thing, if people have to use word breaking.
Normally the alternative is not breaking word, but german is a complex language with very long words sometimes, so they can’t fit the screen.
So, if you have a sentence like
“My blog title is Persönlichkeitsentwicklung”
you may need to break the world even scaling down the font size a bit.
To be sure that words will never break, you should use a super tiny size, which would make the font hard to read, and not even look like a title.
Let’s try to find some ideas that are good for everybody: could you kindly link us some german website of website authorities in german language, so we can see how they manage the situation?
Hello,
i dont really understand what kind of Website you want me to share with you, but is it not simple to say like:
Just be responsive that when the screen is to small, put the word in the next paragraph and dont break the words itself?
Example, instead of breaking all like this:
Hello, my na-
me is Igor.the rule should be like:
Hello, my
name is
Igorand maybe add the rule to resize the font 15% on mobil devices.
here is an example of exactly what I want. See the second code (Variable Font Size)
https://www.w3schools.com/howto/howto_css_responsive_text.asp
If figured out, if I remove this code again
.qt-pageheader .qt-caption, .qt-herobox {
word-break: break-all;
hyphens: auto;
}it is working exactly like I want (without resizing but thats fine) for all Events but not for the Blogpage (https://seminar-finder.online/blog/)
why is that so??
Hi, the first link (resizing font) is another way of working.
Even if you make font size smaller, I’m telling that there will always be a point where a word will go out of the screen.About Events vs Blog, the difference is that is another element layout.
Your problem is in the blog layout, and for as small as we can make the text, there will always be a moment when words are too long for the screen.
The fact in events they fit in the screen is a cohincidence between word small enough and screen large enough.
With a longer word and a smaller screen, also events will break.
I was asking you please about a regular website that you like how titles are appearing in mobile, not an html tutorial.
As soon as you post one or two we can check them.
thanksHere two Website blogpages where its working like I want:
https://carlosiebert.de/gute-negative-keywords-finden-eigene-liste-bilden/
https://www.dieberater.de/der-eu-uplaod-filter-wurde-vom-eu-parlament-muss-weiter-diskutiert-werden/Thanks for the exampe, which actually demonstrats that words needs to break at a certain point.
In fact I modified th HTML of the site you linked with a longer word (super long, to test what happens) and the words breaks even without hypens (-).
So, breaking words, as you see, is the only and correct way to manage words longer than the container.Please see: https://d.pr/free/i/1DdY3a
The Word I tested is this
Donaudampfschifffahrtselektrizitätenhauptbetriebswerkbauunterbeamtengesellschaft
Yes, is the longest german word, I don’t know german and needed a long one 🙂
So I hope you are now convinced that there is no other way than breaking the words, because this is how it’s done…
ok breaking words are fine. Can you give me a code where its breaking at the CORRECT points?`
If not please give me a code where its sizing down long words…small size is better than no reading because the font is outiside of the content
The topic ‘some general and mobil issues’ is closed to new replies.