This topic has 5 replies, 2 voices, and was last updated 11 years by 
-
-
Hello!
1 questions here:My site does not render correctly on mobile (smartphone):
– all content shrinks to the left and fills only 1/2 of the screen, the other 1/2 of the screen is white..
– the navigation bar is OK though and it runs through the whole screenThis issue only appears when I have the following settings:
– removed Search box on the profile page + fixed height/width of the background picture on the home page
(.home-page #header {min-height:1000px} )If I remove the “.home-page #header {min-height:1000px}” and “.home-page #header {min-width:1300px}”, then the site looks great on mobile (fully responsive). But I would like to keep the background image large – so my question is: How to do that and still have the mobile version not screwed up ? Thank you for advice!
PS: I also have this piece of code in the Custom CSS:
@media only screen and (max-width: 767px) {
#header { background-image: none;}
}Nevermind, I was able to fix it by adding this:
@media only screen and (max-width: 767px) {
.home-page #header {min-height: 1px}
.home-page #header {min-width: 1px}
}Oh no – this only fixed the smartphone view. The issue still persists on the tablet: the background picture loads (only part of it is visible) and the remaining part of the content shrinks to the left half of the screen..
This problem is only on the home page. I guess it is due to the picture not sizing up to fit the screen size.
I’d appreciate any suggestions here. Thanks!
HI,
You should not put the .home-page #header {min-width:1300px} because that will cause many problems. Can you give a message with your site link so I can understand what are you trying to achieve? Set the reply as private if you want just us to view it.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionTry adding this instead of normal min-width1300px:
COPY CODE@media only screen and (min-width: 1279px) { .home-page #header {min-width:1300px} }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.
