A few questions: menu, hyphenation

Hi,

1. The words should break when there is not enough space, the theme uses the word break property to break long words and display them in the next line
– https://www.screencast.com/t/d0bAjzxu
If that is not happening, I could take a look. Provide a link to where this is happening.

2. The underline and the shadow don’t have any dedicated settings, I could try and give you CSS if you want to modify these. Note that the shadow is actually an image encoded in base64
– https://www.screencast.com/t/5ziW64pf
This could be removed with CSS and add a true color shadow if that is what you want to do. Let me know.

Thanks

Hi,

1. From what I can see the title breaks when there is not enough space
– https://www.screencast.com/t/UkljSSad
If it would not the result is like this – https://www.screencast.com/t/rLHnv33V
– https://www.screencast.com/t/nuEuV19AwZ
From what I can find hyphenation of words is possible but not for all languages and may not work in all browsers
– https://css-tricks.com/almanac/properties/h/hyphenate/
I believe that is why the current word break was implemented.

2. It would be better to use a shadow, there are plenty of shadow generators online. For example a quick test I made
– https://html-css-js.com/css/generator/box-shadow/
– https://www.screencast.com/t/pABY7aPdQ
– https://www.screencast.com/t/TR7fI9Ras6p
You can design a shadow how you like it and use this code to apply it (code can be entered in Theme panel->Custom CSS) simply replace the values I used in the example

.td-header-menu-wrap {
-webkit-box-shadow: 0px 5px 31px 1px rgba(0,0,0,0.27);
box-shadow: 0px 5px 31px 1px rgba(0,0,0,0.27);
}

Header style 6 that you are using doesn’t underline the active menu items, it colors their background
– https://www.screencast.com/t/4TYnzCHPQY5P
I could give you a code to make it visible, like this
– https://www.screencast.com/t/1LsDVN0jIZD
– https://pastebin.com/VTwu8faP
If you want you can chnage the color of the underline in the code.

Thanks

Hi,

I see it now, sorry for misunderstanding. Seems that heading don’t have word break as paragraphs do, in the post content. I will add this on our list and it will be investigated.

I could give you a code to fix it – https://www.screencast.com/t/JnoNd7jy

.td-post-content h2 {
word-wrap: break-word;
}

It will apply to h2 in the post content, if you also have other heading types in the same situation, it will be like this

.td-post-content h2,
.td-post-content h3,
.td-post-content h4 {
word-wrap: break-word;
}

Please let me know if you have more questions.
Thanks

1. Forgot to mention it, if you use the mobile theme CSS code has to be entered in the mobile section
– https://www.screencast.com/t/JSSPRX3Nxzu
That it should work.

2. The mobile theme will not use the same font settings from desktop. It will load predefined fonts, this is for performance. The mobile doesn’t have font settings or many settings overall, loading additional fonts will affect the loading speed.

3. Do you maybe have a white color set here? – https://www.screencast.com/t/Vfqud5V6IbY
That would make the underline invisible against a white background color. Please check this.