This is my 2nd and 3rd question sorry if i’m asking a lot.
when i add text to the Jumbotron section and view it on a smaller screen, the litters falls to the next line not the word! for example Batteries “Batt” on one line and “eries” goes to the next line! how can i fix hyphenation and let each word stay together.
My second question: I need to change the hover link on the primary menu on top of the jumbotron section only on the home page! so i need to target the .page and the a menu a link ! can you please tell me how!
Kindly add and save the following code to Appearance > Customize > Additional CSS:
/*header font size for tablet*/
@media(max-width: 768px){
#header.header-front-page .bottom-header h1{
font-size:55px!important;
}}
/*header font size for mobile*/
@media (max-width:525px){
#header.header-front-page .bottom-header h1{
font-size:50px!important;
}}
You may change the font sizes in the code above to a larger or smaller size to tailor it to your text. I made this code on the Illdy demo site (www.colorlib.com/illdy/)