Hello,
Please help me how to fix h1 and h2 single line .
check my website and resolve my problem
http://www.industriesstory.com/
i need this type design
check the link http://i.imgur.com/vuwQGIO.jpg
please help me
Hi
We are sorry for the delay. We do not work weekends and there is the time zone to consider:
Support Hours (GMT+2)
Monday – Friday:
8:00 AM – 17:00 PM
Use this css in theme panel > custom code > custom css: http://screencast.com/t/bOQGoTmycxu
.wpb_text_column h1:first-child, .wpb_text_column :last-child {
display: inline;
}
.wpb_text_column h1:first-child{
margin-left: 30%;
}
@media(max-width: 768px){
.wpb_text_column h1:first-child{
margin-left: 15%;
}
}
Thanks!
thanks for supporting but this css code is not mobile responsive.
I need mobile view this type:-
h1>- single line and also view in center and h2> next line and view center
Thanks,
Rahul
Hi
In order to be responsive on mobile the css should like this:
@media(max-width: 768px){.wpb_text_column h1:first-child, .wpb_text_column h2:last-child {
display: table!important;
margin-left: auto!important;
margin-right: auto;
}
.wpb_text_column h1, .wpb_text_column h2{
line-height: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.vc_custom_1454688976804{
padding-bottom: 20px !important;
padding-left: 0px !important
}
}
Would be a good practice o add a specific class for the row used to add this text and use it instead of .vc_custom_1454688976804 That is a unique class generated by Visual Composer for each row and every time the row it’s modified it changes, so the css won’t be applied after that. The custom css class can be added here: http://screencast.com/t/iHyUHmAM
Thanks!
very very thanku
