Hi,
Thanks for an awesome theme!
Please can you assist with the following issue:-
The mobile version of my site seems to work well, on the whole, on both my Samsung GalaxyS4 and 10.1 Tablet HOWEVER,
1. On the S4 (in both portrait and landscape mode) when I navigate to the single page blog post, there seems to be no responsive adjustment for either the blog content or featured image and both ‘over run’ into the site background image (which takes up half the page)
2. On the Tablet (in portrait mode), it looks almost correct, but there is some ‘over run’ of content into the background image as well
(Note: the header, footer and menu all seem to adjust appropriately in both devices).
After a long time searching through the forum I added the following in custom CSS, which reduced the size of the image, but did not fix the problem.
/* Set single blog post to fit screen in mobile devices*//* Smartphones & tablet (portrait and landscape) ----------- */
@media screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (min-device-width : 768px)
and (max-device-width : 1024px) {
article.post .entry-header .entry-thumbnail img, article.page .entry-header .entry-thumbnail img {
width: auto !important;
}
.single .site-content .entry-thumbnail img {
width: auto !important;
}
.single #main {
width: auto !important;
padding: 0 !important;
}
}
Any assistance will be greatly appreciated.
Hi SSS
Thanks for reaching out.
The issue looks to stem from the following CSS that has been added:
/* Set single blog post in centre container*/ .single .site-content { width: 1000px; margin: 0 auto; }Declaring a fixed width is causing the problem. Try removing that.
It worked!
Thank you Andrew for you quick response and for saving me from bashing my head against the wall :)
Hope you have a fantastic Xmas.
Super, glad to hear that did the trick.
You too :) All the best.