display issue

[logredudon]

Hello,
I use your theme which I find really nice but I encounter some problems
On Smartphone in portrait format, there are side margins: is it possible to remove them to have the site in full screen (as in landscape format)?
portrait
landscape

Is it also possible to display the slogan under the title (as usual)?

Thank you.

[iceable]

Hello,
The mobile layout of this theme is breakpoint-based : it has a fixed width of
– 300px for screens smaller than 480px
– 420px for screens up to 767px
– 768px for screens up to 959px
– 1000px for any screen larger than that (including desktop)
The margins on each side therefore depends on the size of the device and how close it is to one of these breakpoints.
Converting it to a “fluid” layout which adapts more closely to the device’s screen size is possible, but I’m afraid this would involve quite a bit of work since many elements of the theme have some fixed sizes for each breakpoint.

Moving the slogan from the right to under the title however should be easier. Add the following to Appearance > Customize > Additional CSS and it should do the trick:

#tagline {
  float: none;
  clear: left;
  padding-top: 0;
}

#logo {
  padding-bottom: 0;
}

[logredudon]

Hello,
Thank you for your quick response. It’s nickel for the slogan.
Regarding the rendering on smartphone, the presence of margins for small widths makes the display of the site very narrow. If I can give my opinion, for small widths, it would have been more beautiful without margin: what do you think?

Last little thing: in the articles, I don’t want to see the date of creation and the author appear: so I added this code
.post-category, .postmetadata span { display: none; }
But the margin corresponding to the location of these blocks is still there… Is it possible to remove it?
Thanks again.

[iceable]

Sure, this should do:

.postmetadata {
  display: none;
}
.post-contents, .single-post .post-contents {
  margin-left: 0;
  width: 100%;
}
.single-post .thumbnail {
  max-width: 100%;
}

[Author]

Posts