This is the News page of my firs adaptive website.

enter image description here

The full height is shown (the scroll-down part is also included).

The terracotta sections on the horizontal line are for placing news feed images, and I want to hide that section on the mobile-adapted version.

Is it possible or it may cost additional work for the developers?

  • I wrote an article on the subject of responsive design that may be useful for you. This question is too broad. If you have specific questions about your design please update your question to include them Commented Dec 3, 2014 at 17:56
  • First off, the term is Responsive, not Adaptive. Second, yes, this is very possible. If you want to hide certain elements at different screen resolutions, you will need to use Media Queries in your CSS and add the property display: none;
    – Manly
    Commented Dec 4, 2014 at 18:59
  • First off, Thank you for the answer, second let me tell you that "Adaptive" as I have mentioned in my question means that the website adapts to the screen size in real-time, and "Responsive" as you corrected me is a web design approach to make the site adaptive =)
    – Sonique
    Commented Dec 4, 2014 at 19:12
  • 1
    Hi Sonique, I edited the question's title to better reflect what I think you're asking. If I'm wrong, don't hesitate to revert or improve on my edits!
    – Vincent
    Commented Dec 5, 2014 at 13:23

1 Answer 1


This should be possible somewhat easily if you instruct your web developer accurately. They'll have to give the bar a certain so-called class and include a media query to hide it on smaller screens.

for example:


<div class="foo">
    <div class="bar-element">
    <div class="bar-element">


@media only all and (max-width: 660px) {
    .foo {
    display: none;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.