Mobile View Of Articles With Tables - Question | JoomShaper

Mobile View Of Articles With Tables

F

Faculty-in-Charge

Template 1 year ago

I am using shaper_educon template. In desktop view, my site is looking good and all the articles are in place. In mobile view, the articles which has tables in it are not displayed properly and going beyond the frame. Could you please guide me on how to address this issue. Please treat this as urgent as we need to go live soon.

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #163496

Hi,

Question: how you create those tables? Are those HTML <table> added manually ??

If yes, you have to use extra class names from Boostrap documenation to make then responsive. Useful guide: https://getbootstrap.com/docs/5.0/content/tables/#responsive-tables


You should also share the LINK to example page - it would be easier to suggest something.

But if you used Tabulizer extension - it's beyond our support.

0
F
Faculty-in-Charge
Accepted Answer
1 year ago #163529

Thank you Paul. This guide helped me .

I have a couple of queries.

  1. I would like to maintain same font for a section in a page. Is it possible with SP Page builder? I do not see any option in the row/section to set a uniform font for the section.

  2. How to set uniform font for all articles with shaper_educon. I tried the template settings. But there are some articles where someother fonts are used. I want to ignore all the fonts set inside the articles and consider only the font set in the template. Is there any way ?

The basic aim is to maintain strictly the same font style and size, throughout the website.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #163610

ad 1) No, Only in each addon. But you using Custom CSS and define Fonts globally for HTML atgs, or/and class names. This is more recommended method that remembering each time to set "FONT-02" for H1.

Guide in Helix Ultimate >> https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-add-google-fonts-manually


ad 2) Like above or using Typography from Helix, but you have to know also class names used there.

Here is example how I use in my sites

body, p, li, span, strong, ul, ol, #sp-component p, .sppb-addon-text {font-family: FONT-01;}

h1, h2, h3, h4, h5,  h2.sppb-addon-title, h3.sppb-addon-title  {font-family: FONT-02;}

as you see very basic concept.

0