Mobile Ansicht

Hi,

Please try this in Quick CSS:

@media only screen and (max-width: 767px) {
#menu-item-search, .ls-bottom-slidebuttons {
  display: none;
}
.home #av_section_1 .no_margin.av_one_third {
    width: 33.3% !important;
}
}

You can upload screenshots to a service like Google Drive or Dropbox and then link to them here.

Best regards,
Rikard

Hi,

Please try this instead:

@media only screen and (max-width: 767px) {
#menu-item-search, .ls-bottom-slidebuttons {
  display: none !important;
}
.home #av_section_1 .no_margin.av_one_third {
    width: 33.3% !important;
    padding: 0;
}
}

Also make sure to clear the cache from your caching plugin. I’m not too sure that having the 1/3 next to each other will ever look good, you might want to rethink that design for smaller devices.

Best regards,
Rikard

Hi,

Thanks for the clarification and screenshots. Please try this CSS as well:

.pricing-table li.avia-pricing-row {
    font-size: 50px;
}
@media only screen and (max-width: 767px) {
.pricing-table li.avia-pricing-row {
    font-size: 30px;
}
h3.iconbox_content_title a {
    font-size: 12px;
    word-break: break-all;
}
}

Best regards,
Rikard

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard