Editing the mobile version of website

Posted in: Newspaper
Post count: 12
ktchicago
#256358
Oct 5, 2018 at 4:32 pm

Hi, I realized that the image box I used in my website is not displaying icons well on the mobile view
In desktop view it looks totally fine as below

but in mobile view, the image gets like this

and I am wondering how to display this as in desktop version, otherwise if there is a way to just hide the whole thing in mobile version
Thanks!

  • This topic was modified 7 years by ktchicago.
Post count: 35449
Calin
#256491
Oct 8, 2018 at 8:48 am

Hi,

Yes, the both ways can be done, please provide your url, so I can inspect your problem and give you a proper answer.

Thank you fro your understanding.

Post count: 12
ktchicago
#256623
Oct 8, 2018 at 4:36 pm

it is chicagokoreatimes.com
Thank you!

Post count: 35449
Calin
#256627
Oct 8, 2018 at 4:58 pm

Hi,

Please try to deactivate one of composer ( Or TD Composer or vComposer ), and try again.
Let me know how it works.

Post count: 12
ktchicago
#256641
Oct 8, 2018 at 7:50 pm

Okay I deactivated WP bakery and left only TD composer is active composer now but it is still appearing the same on mobile page. Should I write something on CSS section to make change?

Post count: 35449
Calin
#256686
Oct 9, 2018 at 10:06 am

Hi,

Please insert this custom css in Newspaper> Theme panel>Custom code>Custom css
@media (max-width: 767px){
.td-custom-image a{
min-height: 106px;
width: 100px;
margin : 0 auto;
}
.td_block_image_box .td-image-box-span {
width: 25%!Important;
float: left;
padding: 0 10px;
}
}

https://www.screencast.com/t/89iBKtyPiQ

Thanks.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.