Again and Again…. i need to change all Tags on site H1 H2 H3 H4 H5 H6 on mobile version for one size From medium to small 26,24,22px. If i use Title form https://yadi.sk/i/4I2e3h2Z3RkZom i can change size! but if i use text form https://yadi.sk/i/6OoIe-ep3RkaPh i can’t!
Hey pddcoms,
Apologies for your frustration. What exactly is the issue you are having? Is it just the mobile font that you need to remain the same size at all times? Please provide a link to the site/page in question so we can look into this further.
Best regards,
Jordan Shannon
HI site: jet-ceramic.ru
I need css for changing Headings and text size only for mobile version, for all pages.
Hi,
Thanks for clearing that up. Something like this should work just fine for mobile:
@media only screen and (max-width: 767px) {
H1, H2, H3, H4, H5, H6{
font-size: xxx!important;
}
p{
font-size: xxx!important;
}
}
Replace xxx with your desired sizes.
Best regards,
Jordan Shannon
All good but how i can make some space here https://yadi.sk/i/OP5MqjhI3RqHf2 it’s phone screenshot http://jet-ceramic.ru/rezka-keramogranita/almaznaja-rezka/ and other pages
Hi,
Thank you for the info.
Use this code to adjust the space between the lines.
.phone-info font {
line-height: 1.7em;
}
And the following css code to create more space for the title container.
@media only screen and (max-width: 767px) {
#top .title_container .container {
min-height: 90px;
}
}
Best regards,
Ismael
Perfect! Thank you. Look one more plz https://yadi.sk/i/LSIAqe8O3RvRLW limoncake.ru How i can align button right?
Hi,
I’m glad we are getting close to perfect. Please add the following to quick css to solve the button issue.
#top .avia-slideshow-button.avia-color-light{
margin-right:0px!important;
}
Best regards,
Jordan Shannon