close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

media query problems

Thread began 3/23/2013 1:13 am by CraigR | Last modified 4/03/2013 3:33 am by CraigR | 1944 views | 9 replies

CraigRBeta Tester

Hi Mikey.

Unfortunately the image you uploaded is really small so I can't read it.

In answer to your question, yes, it is the yellow book by Ethan

Something is definitely amiss though.

What I find is at the point where the media query kicks in, the width (and navigation bar) expands a bit on my screen.

where I am running at a fixed width of 700px above 768 resolution, at the point where the viewport changes, the page width on my browser increases to about 784px, (which is 90% of the window).

If the window was truly 768px, then 90% is just under 700px, and the scaling would be virtually seamless, do you see what I mean ?

The only way I can get it to behave om my browser is set the page width to 82%.

As an aside, navigation -
if i look at the page on my tablet in I get the 2 column layout, as expected, (1080 (landscape) or 800 px (portrait) resolution) but the navigation has started to wrap, in either mode

on my desktop, in chrome, the navigation doesn't wrap until I get a lot narrower, and after display is single column.

if i can get some consistency, it would help me a bit, but I'm a bit in the dark at the moment.

-on the plus side, I have learned how to do a screen dump from my tablet !

I think I may need to start again with a blank canvas and find out at what point it starts playing up

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...