Highlighted

height based media queries

New Here ,
Aug 22, 2017

Copy link to clipboard

Copied

Is there any way to do height based media queries in MUSE (or Dreamweaver for that matter)?

Most Valuable Participant
Correct answer by Mylenium | Most Valuable Participant

You can add any custom CSS stuff in the published files using whatever editor you deem suitable, including Dreamweaver. Just be aware that height detection is notoriously unreliable and will still be overriden by other rules that take precedence, including width as defined by the Muse breakpoints.

Mylenium

Views

169

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

height based media queries

New Here ,
Aug 22, 2017

Copy link to clipboard

Copied

Is there any way to do height based media queries in MUSE (or Dreamweaver for that matter)?

Most Valuable Participant
Correct answer by Mylenium | Most Valuable Participant

You can add any custom CSS stuff in the published files using whatever editor you deem suitable, including Dreamweaver. Just be aware that height detection is notoriously unreliable and will still be overriden by other rules that take precedence, including width as defined by the Muse breakpoints.

Mylenium

Views

170

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 22, 2017 0
Most Valuable Participant ,
Aug 22, 2017

Copy link to clipboard

Copied

You can add any custom CSS stuff in the published files using whatever editor you deem suitable, including Dreamweaver. Just be aware that height detection is notoriously unreliable and will still be overriden by other rules that take precedence, including width as defined by the Muse breakpoints.

Mylenium

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 22, 2017 0
pziecina LATEST
LEGEND ,
Aug 22, 2017

Copy link to clipboard

Copied

To add to what Mylenium has said.

Detecting the height using a media query only detects the screen height and not the page height, which leads me to my question -

why, if i may ask do you wish to do so?

I can see it being of value in trying to make a layouts elements proportional to the devices height available, (for example you do not wish the header to take up too much of the screen height available), but it may help us advise you better if we knew what it is you are doing that would make the screen height so important.

Note: if it is to set the height of say a lightbox, then consider using 'vh' values, (vh = vertical screen height in %) to set the height of the lightbox, and its width equivalent = 'vw'.

The 'v' actually stands for viewport.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 22, 2017 1