Product Category Page Title > change size for mobile devices

Hello,

Please add below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:

.woodmart-archive-shop .wd-page-title .title {
      font-size: 25px !important;
     hyphens:auto !important
    }

This will reduce the font size on mobile devices and allow long words to break properly to prevent layout issues.

Best Regards.

Hello,

In the Theme Settings, you can change the only font size in this situation, You can adjust the font settings by navigating to Theme Settings > Typography > Advanced Typography, and creating a new rule for the “Page title” item.

For detailed instructions, please refer to the documentation:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

If you want to change the font size only on mobile devices, Try to Use Theme Presets to apply conditions for mobile devices:

Go to Theme Presets and select the “Is mobile” condition. https://ibb.co/yR89vmL

Then go to the Theme Setting of this preset and apply the typography settings.

Check our article about theme presets – https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards,

Hello,

Now I have checked your site and the image in the page title is showing fine now.

See Screenshot for clarification: https://ibb.co/rKwsVVt7

Check back on your site and check the issue. If you have any questions feel free to contact us.

Best Regards,

Hello,

Yes, the issue was indeed related to the header row height. By increasing it to “90px”, you’ve allowed the elements to fit properly, which resolved the problem. This is the correct solution, and everything should now display as expected.

If you need further assistance or have additional questions, feel free to contact us anytime.

Best Regards,,

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,