media queries

See this https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

I’ve been developing a default style.css to publish.

As far as @media is concerned, my solution can be found here:
https://pastebin.com/pH3ExY6M

I’ve discovered a site, which you add to Firefox (not tried the other browsers) and it enables you to test the different viewports on the fly.

My code has one area I’m not sure about, around 980px, so open to feedback from other experts on whether to use or drop it.

I tried the css

thanks by the way

but it didn’t work. I tried pasting it separately in the customiz’it custom css and the style.css in the editor.

I think I just realized that even if it had worked it may not have done what I wanted it to do ultimately.

What I want is something additional to what a stated before that I think i assumed would have been the automatic result but may not be the case.

had it worked and the btn nav only showed up on phones that would have been great but what I assumed would be a byproduct is for the normal nav menu to squeeze and resize on my tablet.

so ultimately what I really want which I didn’t express properly at first because it didn’t dawn on me that it wouldn’t be automatic is…

what I said at first

plus

for the nav menu to automatically resize on tablets without creating the btn nav

which i only want to be created on phones.

either way the css you guided me to didn’t work for me in any case

thanks for the help though

rdell

I tried your css from your pastebin as well and it didn’t work either

again I tried pasting it separately in the customiz’it custom css and the style.css in the editor.

assuming it had worked or will work so that the btn nav only appears on phones

will the normal nav menu simply resize and squish on tablets?

or is customizr or bootstrap not designed to do that?

maybe something is fishy with my site.

if you are feeling adventurous my site is

https://www.myersdentalclinic.com/

So even if you add

body { border: 10px solid red !important; }

Nothign happens?

Oh, Andrew, that was almost cruel. (oh ok, I”m giggling here)

+RdellConsulting Great, thank you ??

I did mine a little different by declaring which image to use at which point But YOURS IS SO NICE AND CLEAN I can’t resist. TY’s for the lines.

Anyone having issues with the “info” buttons/icons/things are the front page we can activate or not?
The memo said we could click on them? (*Nope*)
The *thing* with the data-types and methods on it I’ve not a clue what a person would call that, anyway, nothing there is clickable, drilldown-able, for something intended for comprehensive help I’m finding it a tad on the lacking side, although I’d would like to say the customizer seems to be coming along a little more. That’s nice to see.

I do have another issue with my top bar, which I had installed a module on to customize it.. yes, yes, I believe we have a naming conflict, because now when I click on it, I get the frontpage thing. Is there anyway to turn off that front page “uh..customizer thing” where we enter the parameters we want.. I just really dislike those things in general, I should have spoke up when wp started doing it. I thought it was a fad…

Summary:

1. info and coding-cheatsheet both are non-drilldownable and no clickable. (however on the info icon when I mouse over I do get a function, but it’s pretty much the same one each time)
2. conflict in naming conventions “customizer theme and customizer bar” just an fyi

thank you for everything, Kudo’s to you, and Kudo’s to the man above for the very clean CSS he was so nice to put into pasti bin for us.

TY’s ??

Just found an error at 320×240 (should have been min-width).

Corrected now at:
https://pastebin.com/Qf8k8M2U