Easyblog post insert elements "Links", layout problem on mobile
By Amy Kuo on Friday, 11 January 2019
Posted in General
Likes 0
Views 576
Votes 0
Hi team,

i am using "Links" elements in my post. the post on desktop look fine.
but the layout in mobile were not so much.

you can see my attach images.

is there any ways i can make the gray area in mobile smaller, or more responsive?

Thanks.
Hey there,

It seems that I am able to replicate it and I will discuss with my team about it.

For quick fix, I had added the following CSS code inot your EasyBlog > Themes > Custom CSS:


  	/* handle for the link image preview to show horizontal style */

  	body #eb .ebd-block[data-type=links] .media-thumb {

    	display: table-header-group;

	}



  	body #eb .ebd-block[data-type=links] .media-body {

    	padding: 10px;

	}

	

  	body #eb .ebd-block[data-type=links] .media-thumb img {

		width: 100% !important;

		max-width: 100% !important;

	}


Do clear all of your cache before you see the changes.
Irwin
·
Friday, 11 January 2019 12:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Irwin

look good now! thanks for the fix.
and i am assuming the code won't disappear or cause conflict once easyblog release update.

Best,
Amy
Amy Kuo
·
Friday, 11 January 2019 13:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

No worries, the custom css code won't be missing after update it.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
Irwin
·
Friday, 11 January 2019 13:57
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post