ok michadair, I see you have the same problem I had. Luckily if just solve it a couple of our ago, it is not a perfect solution but for now is the best i could fine, a looks pretty good.
1.-First add this to your CSS (This will force the line not to hyphen):
.home-headline, .home-sub{
overflow: hidden;
white-space: nowrap;
}
2.-look at the mobile web, if the letters don’t resize and appear cut, you have to do the next:
2.1-Take the “headline-resize” from the home headline class.
2.2.-then add this to your CSS(this changes the units of the text-size, instead of pixels, is measured by viewports, so it readjusts with the screen size )(you can change the number before de “vmax” like in the “px”, just don’t live any spaces between the number and the unit):
.home-headline{
font-size: 6vmax !important;
}
.home-sub{
font-size: 2vmax !important;
}
Ok know you have to readjust the size of the container in the front page, so that when the screen is huge, the letters don’t get cut. To do that,
3.Go to your header.php
3.1.-At the bottom you will find this:
<div id=”content” class=”cf site-content”>
3.2.-Here at the class attribute you have to add:
forfirstpage-<?php the_ID(); ?>
So it will look like this:
<div id=”content” class=”cf site-content forfirstpage-<?php the_ID(); ?>”>
This will add a new class to the content, but it will be a different name for each page, because the <?php the_ID(); ?> gets the Id of the page, so for you home page it will look like this:
forfirstpage-9
for your About page:
forfirstpage-12/em>
This way we can change only the content size of an specific page, and not all:
The “forfirstpage” part you can changed it for anything you want, but don’t use “post” or “line” or something common like that. As it may be in oder parts of the code and could get affected by the changes we are gonna make.
4.-Now go back to your CSS:
4.1.-And add:
.forfirstpage-9 {
max-width: 90% !important;
}
You can change the maximum width to anything you like, and even the unit to px, or viewports.
Hope this helps, if you have any problems or questions let me know ??
*About the search bar, have no idea, i′m not using it but i′ll take a look to see if i can solve your problem.
