Zerif – About us section text alignment not consistent

Hi there,

just checked on the layout and the issue is still open. Thus changed the flag on the thread.

Marked red in the picture: [IMG]http://i63.tinypic.com/9v8ort.jpg[/IMG]

Cheers

Hi Gourav

You can test the issue with the following link: http://demo.themeisle.com/zerif-lite/
Version 1.8.3.0 on localhost shows the same result.

How to test?
– load Zerif Lite Frontpage
– minimize your browser e.g. width 320px “mobile phone size” (pr load in mobile phone. The Big Left Side Title does not render as well as on a desktop, thus the font appears larger which makes the issue even more obvious. You may want to check on the rendering on mobiles accordingly)
– scroll to About us section
– Check text alignments:
* Correct: Title center aligned to screen
* Correct: SubTitle center aligned to screen

* Incorrect: Big Left Side Title is centered in itself but misplaced to the left of the center of the screen
* Correct: Aligned left in itself and on the screen. Well, that might be a matter of preference. I would center it on center screen.

Big left side title of center marked in red box: http://i63.tinypic.com/9v8ort.jpg

Again, its most obvious on mobile phones. Thus, you may want to try there.

Cheers

Hi Gourav

Thanks for the CSS. I have set the max width to 1024 since the problem drags till there.

/*Correction of About Us Section Big Title Layout Start*/
@media (max-width: 1024px){
.about-us .row {
margin-left: 0;
margin-right: 0;
}
.col-lg-4.col-md-4.column.zerif-rtl-big-title {
padding: 0;
}
}
/*Correction of About Us Section Big Title Layout End*/

Thus will this be corrected generally in the theme upcoming versions?

Cheers