Reduce banner image size for mobile viewing or disable

[chaos_undefined]

Hello,

I working on individual pages with page title enabled. I am using a image for banner. On mobile viewing the dimension of the banner image is very high.

1) Is it possible to disable page title only on mobile viewing completely?

2) is it possible to reduce the dimension of the image only for mobile viewing?

Thanks

[Harry]

Hi,

1. You can disable on mobile by add custom css

@media only screen and (max-width: 736px) { .page-head { display: none;}}

2. You can reduce height of page title on mobile by add custom css

@media only screen and (max-width: 736px) { .page-head { padding: 55px 0;}}

reduce 55 with your number

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts