Mobile app version of vmapp.org
Login or Join
Karen819

: Is it possible to hide part of an adaptive web design on smaller screens? This is the News page of my firs adaptive website. The full height is shown (the scroll-down part is also included).

@Karen819

Posted in: #FrontEndDevelopment #ResponsiveDesign #WebsiteDesign

This is the News page of my firs adaptive website.



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?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Karen819

1 Comments

Sorted by latest first Latest Oldest Best

 

@Chiappetta793

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:

html

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


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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme