Impact Text Element Size (Responsive)

[mvfariajr]

Hi,

Just wondering how to make the impact text (under the main slider) to be smaller on the mobile version. Right now its not proportional (too big). I would like about 1/3 of its size. I tried to resolve just by css, but I got stuck on the h1 font-size.

Anyone can help please?

Thank you!

[Kyle – SUPPORT]

Hi

Add this to your custom css:

@media only screen and (max-width: 767px) { 
.spb_impact_text .spb_call_text, .impact-text {
  font-size: 19px!important;
  line-height: 30px;
}
}

– Kyle

[mvfariajr]

Hi Kyle,

Thank you for you reply. However that did not changed anything. I added the css, any chance yo can take a second look at that?

Thanks again! By the way, You guys have the best theme support that I ever worked with!

Marcio

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:-

@media only screen and (max-width: 767px) { 
div.impact-text-wrap div.spb_call_text h1{
  font-size: 19px!important;
  line-height: 30px;
}
}

Thanks
Mohammad

[mvfariajr]

Cool. That works! Thanks a lot guys!

Marcio

[Mohammad – SUPPORT]

Hi,
You most welcome. Happy New Year 2015.
Thanks
Mohammad