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

Website not looking good in Mobile view

Contributor ,
Apr 15, 2019 Apr 15, 2019

Copy link to clipboard

Copied

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.

Views

437

Translate

Translate

Report

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%;

}

}

Votes

Translate

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

Copy link to clipboard

Copied

What isn't working the way you expected?

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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%;

}

}

Votes

Translate

Translate

Report

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