Featured Image/Search bar in HomeScreen mobile view

Hi,

I’m glad you like the theme ??

I suggest you better post your issues to https://support.webmandesign.eu forum for me to provide you faster reply and to keep the issues (mostly) in one place. And you should log each issue as a new ticket to keep tickets monothematic.

To fix mobile images size, please use this custom CSS:

@media only screen and (max-width: 680px) {
 .site .posts .hentry .entry-media {
  padding: 0;
  overflow: visible;
 }
 .posts .entry-media .post-thumbnail {
  position: relative;
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
 }
}

The search bar on a new line on mobile actually displays like this to offer wide compatibility with different logo sizes and also to provide a compatibility with as many mobile devices as possible. But you may try to modify this upon your logo width with this custom CSS (but I don’t really recommend it for to maintain compatibility with widest range of mobile devices):

@media only screen and (max-width: 960px) {
 .site-branding {
  float: left;
  width: 50%;
 }
 .site .site-header-widgets {
  float: right;
  width: 50%;
 }
}

To set up a custom title size, please use code inspector tool in your browser and then apply your custom CSS. Something like this:

h1, .h1 {
 font-size: 2em; /* 3em is default */
}

But please note that the theme was specifically designed and the layout used does not actually allow for very long post titles and/or excerpts. You should count on that. I might introduce a fix for this later using the newest CSS styling, but I’m not convinced yet to use it due to browser support.

For proper image sizes please read https://www.webmandesign.eu/manual/receptar/#tips

Please note that some of these actually falls into modifications category and I do not provide support on those… Please read https://support.webmandesign.eu/support-policy-and-terms-of-service/

Regards,

Oliver

Thanks Oliver. The custom CSS fixed it! I just added the

, .is-singular:not(.home) .site-header-widgets

in the .site-header-widgets as the posts and pages do not honor the custom CSS.

Yes, I know but recipes (as this theme seemed to be a recipe book inspired) do not always have short titles. I am not obliging or forcing you (as this is a free theme) but I will be glad if you will introduce the fix soon. ??

I am aware with the recommended image sizes but I find it weird that a cropped version doesn’t utilize all the available pixels of the original image. For example, an image with a 845px height, when cropped, one should expect that it could give a 640px new height (since the original image is larger). But it is not the case, the cropped thumbnail has a lower height px. Maybe it is depending on aspect ratios as the width is consistent on all images at 480px. The dimension stated in the user manual, 480×640 was not followed as the theme produces a thumbnail in a variable height. I hope I explained it clearly. I am not knowledgeable enough if wordpress core is to blame since this is my first time to encounter image dimension issues with a theme.

Hi,

But I can’t really see the issue with images on your website… Can you provide screenshot and log a ticket for this issue on https://support.webmandesign.eu?

The image cropping is being taken care by WordPress core, not by the theme. The theme only tells WordPress what image sizes it needs.

Regards,

Oliver

And, actually I don’t see an issue with post titles when I shrink the browser’s window size… What post is affected by this?

I already replaced the images affected that’s why it isn’t visible now (Since it really distorts the posts list). I will create a test post for you to see. Thanks.

https://support.webmandesign.eu/forums/topic/cropped-thumbnail-sizes/

Edit: Kindly ignore this ticket about the thumbnail size. The images I had mentioned had height pixels below 640px. It is my fault. Not the theme. I’m sorry.

Again, thanks for the effort you exerted to resolve the thumbnail issue. I saw you Oliver loading my blog homepage many times. ??

2nd edit: It will be quite good feature if the theme can handle images that has lower resolution. I do not know how but it did when the “smaller” thumbnails are not yet regenerated but still the old images align beautifully.

I will have to do some testing on that as it really requires the new CSS feature or using an additional JavaScript, which I want to keep to minimum…