Non-responsible "Alternate" blog layout?

- 7 years, 9 months ago skupit
  Participant
  
  Expired
  Hello,
  
  I’ve got a problem with blog in “Alternate” layout option. In desktop view everything looks great, but in mobiles (and probably for tablets) text and photos are not adjusting to the wide of the screen:
  
  link
  
  Could you help me with that?
  
  This topic was modified 7 years, 9 months ago by skupit.
  
  This topic was modified 7 years, 9 months ago by skupit.
- 7 years, 9 months ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  @media (max-width: 480px){ .container { max-width: 300px; overflow-x: hidden; } .fullwidth .blog-article.alternate-style .content { width: 300px !important; } .blog-article.alternate-style .media > *:not(.post_type) { width: 85% !important; }} @media (min-width: 979px) and (max-width: 1024px){ .fullwidth .blog-article.alternate-style .media { width: 715px !important; }}
  
  Result screenshot: iphone/ ipad. Let us know.
  
  Best regards!
- 7 years, 9 months ago skupit
  Participant
  
  Expired
  Dear Mihaila,
  
  thank you for your help. I think it’s almost done. But there are still some problems:
  
  the photo on Android (Honor 6+ internet browser and Chrome) is being cut in 1/3, not downsized (the lady on first photo should be always in the middle of the photo);
  
  the text is sometimes cut f.e. “spotkał si” should be “spotkał się”;
  
  from Read more button so “Czytaj więcej” there is only left “Czytaj wię”;
  
  You can see it also when making dekstop browser’s windows smaller:
- 7 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Can you please tell me where did you add the custom code i previously send you? I see it is giving effect in the site(screenshot) but i don’t see it in the custom css box , and nor in the style.css file.
  Let me know so i can keep on testing and adding the code that fixes the above.
  
  Best regards!
- 7 years, 9 months ago skupit
  Participant
  
  Expired
  Hello,
  
  I’ve put the code into Tower -> General Options -> Custom CSS Code:
  
  link
  
  Best regards!
  
  Tomk
  
  This reply was modified 7 years, 9 months ago by skupit.
- 7 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  Hmm..that’s strange. There was nothing there when i first checked it. Did you add it later? Anyway, you have pasted it wrong. See screenshot: https://pho.to/Ac4SL
  There is an error in it making the css not give the right effect in the site. I edited it out now.
  
  Please check you site and let us know.
  
  Best regards!
- 7 years, 9 months ago skupit
  Participant
  
  Expired
  
  Dear Mihaila,
  thank you for your message.
  
  I had placed the code you gave me (copy-paste) into this place immediately, so I don’t know why you wasn’t able to see it first time.
  
  I’m affraid the problem still appears. Look at the screenshot, the text and the picture are cut, not downsized.
- 7 years, 9 months ago Mirela
  Participant
  
  Hello,
  
  I fixed it. Please check your site.
  
  Best regards!