mobile only font size

cspgsl

How do I set the font sizes for mobile devices? Is it done in the template manager?
Thanks

saguaros

There is no option to set font size for mobile specific but you can use media queries to set special style for any screen resolution.

Let me know how you want to change in details, I will suggest further.

Regards

cspgsl

In sidebar-r on the home page, i want to reduce the size of the Title of the slide. Currently it works on a desktop or larger screen but on a phone, the title overlaps the content
thanks

cspgsl

The iPad is a problem as well both top and bottom

saguaros

cspgsl

In this file: /local/css/custom.css (line 76)

I added this custom css to set the font size for the title in small screen:

@media (max-width: 992px) {
  .jobListings .ps-slide .ps-title {
    font-size: 28px !important;
  }
}

You can change to the size as you wish.

cspgsl

thanks that works

I went into layout settings in the template and adjusted the width of the sidebar-r position on responsive > tablet and phone to be wider and below the Component position. The aspect changes when I reload the preview in template manager but it does not have any effect on an actual device like a iPhone or iPad

saguaros

cspgsl

Which page are you testing? as the homepage on your site doesn't load component content block.

cspgsl

OK, I think I have fixed it for a phone but not the tablet.

I had adjusted the default layout in the template manager backend instead of the home layout. It now looks right on the phone but the tablet still is offset to the left of the screen like you see in the last image I uploaded showing the large area circled in red.

https://slfrecruitment.com/

saguaros

cspgsl

I tried to configure the responsive layout of section-4, could you check?

cspgsl

It appears to have worked when looking at the page in portrait mode but is is still wrong in landscape.

saguaros

cspgsl

Which device are you using so I can test?

cspgsl

On the smaller phone screen, it is fine in both modes

cspgsl

that was on an ipad pro 9.7"

saguaros

cspgsl

I configure the section 4 so it has 12 grids on iPad, could you check again?

cspgsl

Strange, I thought I had done that.

It looks correct now, thanks