Change font size on Icon Box

scodeville

Hello,

I'm using 6 Icon Boxes in one single row (using wraps).

It works fine on a desktop screen, but on smaller screens the titles are overlapping on each other (screenshots attached).

How can I solve this?

https://pasteboard.co/I696JK9.png

https://pasteboard.co/I6973Sc.png

For information, I already set ON the option "BeTheme Options > Responsive > General > Decrease Fonts".

https://pasteboard.co/I696i9d.jpg

Thank you, 

Pablo

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scodeville

Thank you for your reply.

Sorry about that, here's the link: https://www.eipm.org/flex-learning-certification/ 

Thank you

scodeville

a new screenshot with a comparison: https://pasteboard.co/I6gxu5H.png

Pablo

I suggest, to create a separate section for the tablet only with two rows with 3 icon boxes per row- because making the font smaller will not make it look good.

To do that, you have to clone that section and get into the settings of it.
Then, you have to select in "Responsive Visibility" on which device this section should be hidden.
http://prntscr.com/n0e92e
Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scodeville

Thank you but we need the 6 icon boxes in a row, as those are the steps of the training we offer. If we put half of them on the second line it doesn't give the sense of continuity anymore.

scodeville

The best I could do was to change it from H4 to H6. It is better now, I'll have to make tests with other screen sizes to be sure but it might work.

Pablo

I wanted to tell you that as the second solution.

These were two options available to "Fix" that.

If you have some other questions, feel free to ask.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scodeville

Thank you!