Mobile Css don't work

Posted in: Newspaper
Post count: 18

Hi!

I tried to add custom css to theme panel. I added css that was supposed to make the sidebar disappear and the images grow bigger. I moved my website to a new VPS Cloud server and it suddenly stopped working. It used to work on my shared server, but now nothing happens when i open the site on mobile. Any suggestions why nothing happens and how to fix this ??

Thanks for all the answers!

I added this:


@media
(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}

@media
(max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}


@media
(max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}

.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}

.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}

@media
(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}

@media
(max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}


@media
(max-width: 767px) {
.td_mod8 .meta-info,
.td_mod8 .td-post-text-content {
display: none;
}

.td_mod8 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}

.td_mod8 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}

Post count: 18

it suddenly started working. No worries 🙂

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