Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Website not looking good in Mobile view

Contributor ,
Apr 15, 2019 Apr 15, 2019

Hi all,

The website looks good in desktop and tablet views but not looks good in mobile view.Kindly help.

eZeemeat - A ZION Group

Thanks in advance.

701
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Apr 15, 2019 Apr 15, 2019

Roop,

Add img-fluid to the class as shown:

<img src="http://www.ezeemeat.com/images/abt_chick.jpg" class="float-left img-fluid">

Add the below css selector to your css styles that will format the overlay block better for small screens:

.captionbck {

display: flex;

align-items: center;

justify-content: center;

}

@media screen and (max-width: 480px) {

.captionbck {

width: 90%;

}

}

Translate
Community Expert ,
Apr 15, 2019 Apr 15, 2019

What isn't working the way you expected?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Apr 15, 2019 Apr 15, 2019

While viewing in mobile,there is a space on the right side...You can just scroll horizontally...

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Apr 15, 2019 Apr 15, 2019
LATEST

Roop,

Add img-fluid to the class as shown:

<img src="http://www.ezeemeat.com/images/abt_chick.jpg" class="float-left img-fluid">

Add the below css selector to your css styles that will format the overlay block better for small screens:

.captionbck {

display: flex;

align-items: center;

justify-content: center;

}

@media screen and (max-width: 480px) {

.captionbck {

width: 90%;

}

}

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines