This topic has 2 voices, contains 5 replies, and was last updated by  TB Support 3067 days ago.

Banner text mobile responsiveness

Tagged: 

ThemeBurn Support › Forums › OpenCart Themes › Pavilion OpenCart Theme › Banner text mobile responsiveness

This topic has been marked as not resolved.

Hi,

Is it possible to make Banner text MORE mobile responsive?

I find that I’d like to make my banner text larger on desktop, but when I go above 16 pt in the banner, the mobile banner text is so large it doesn’t even fit within in the banner in mobile view. Is it possible to make the text reduce further for the mobile view so that I can make the banner text on the desktop larger?

Thanks!

Megan
 meganbrosterman
July 8, 2015 at 9:04 pm #41977

Hi,

We can add some more option in future versions. Thanks for the suggestion.

You can reduce the font size with some custom CSS if you want:

@media (max-width: 768px) {
  #BANNER_ID .tb_line_1 {
    font-size: 20px !important;
  }
  #BANNER_ID .tb_line_2 {
    font-size: 16px !important;
  }
  #BANNER_ID .tb_line_3 {
    font-size: 13px !important;
  }
}

BR,
ThemeBurn team
 TB Support
July 14, 2015 at 11:39 am #42136

Hi, I tried to use this custom CSS but it didn’t work to reduce the font further on mobile.
 meganbrosterman
August 7, 2015 at 8:38 am #42564
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
 TB Support
August 13, 2015 at 2:16 pm #42662

Hi,

I tried to use this custom CSS but it still isn’t working to further reduce the banner text on my mobile view. I’ve even tried to change the font sizes in the code down to 1px and the font sizes do not reduce at all. Could you please check the code and see why this isn’t working? Many thanks!

Megan
 meganbrosterman
November 23, 2015 at 8:23 pm #43858

Hi Megan,

We’ve updated our previous examples.

BR,
ThemeBurn team
 TB Support
November 27, 2015 at 1:28 pm #43886
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.