In Tasty theme, I’m using .entry-title top and bottom padding to adjust the spacing. I also have a text section using before_main_content hook.
The problem is, spacing appears quite different when viewed in mobile (same in different mobile browser) and on laptop. When it looks right in laptop, too much spacing in mobile, when looks good in mobile, too tight in laptop.
If you look at any of the pages (any of the nav menu links) and compare the spacing above and below the page title, to the same viewed on a smartphone (I’m using a Samsung G8), the space above and below the page title is much greater than in the desktop view.
I want a tighter mobile view, less padding above and below the page title. But when I get what I want with .entry-title padding, the desktop view is too closely spaced.
I’ve tried different browsers on laptop and mobile and the spacing is the same in all of them.