Skip to content
Public Ticket #23076

You may also like

Conversation thread

theorganisedhousewife replied

Customer Reply

That all works now, thank you for your help. 

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width:479px) {
  .item-related h3 a {
    font-size: 16px;
  } }

Change 16px with the font size you want to show on the mobile.

Regards,
PenciDesign.



theorganisedhousewife replied

Customer Reply

will this just do mobile only though? 

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance > Customize > Single Posts > Font Sizes: change font size at the "Font Size for Post Titles on Related Posts" option.

Regards,
PenciDesign.


theorganisedhousewife replied

Customer Reply

Thank you, how do I add in a reduced for size for the text under the images. Thank you. 

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

  @media only screen and (max-width: 479px) {
    .penci-related-grid-display .item-related {
  width: 50%;
  float: left;
}
  }

Regards,
PenciDesign.



theorganisedhousewife replied

Customer Reply

2 columns 3 rows please. 

PenciDesign Supporter replied

Staff Reply

Hi,

How many columns do you want to display on the mobile?

Regards,
PenciDesign.


theorganisedhousewife replied

Customer Reply

That is great, thank you. Is there a way to make them columns on a mobile? 

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance > Customize > Single Posts > Related Posts: turn on the "Make Related Posts Display in a Grid Layout ( not Slider )" option.

Regards,
PenciDesign.


Want to join this conversation or access attachments? Sign in first.