@media queries for enews extended

[newedgemarketing]

I'm have placed the input text field and submit button on one line in my after post entry and footer enews widget

however when you reduce the screen size the submit button becomes unreadable as its staying on one line and becomes too small

on screen sizes below around 600px I'd like the input field and the submit button to go on one line

This is what Ive tried but it doesn't work:

@media only screen and (max-width: 320px) {

.header-image .site-header .title-area {
background-size: contain !important;
}

.enews-widget input {
width: 100%;
}

.enews-widget input[type=”submit”] {
width: 100%;
}
}

I have tried it on the max-width 767px and it did work for the input text field but not the submit button,

Anyone any ideas?

http://www.newedgemarketing.com.au/

[Ginger]

Hi ,

I don't think you want to try and make those two fields squeeze onto one line on a width that small. However, I see where the button is very narrow...it's picking up a width=30% on the submit button styling from up above. Your code is correct and will work ....the only issue is the quotes around the submit button are those curly formatted quotes and not plain text....you can tell in Inspect Element when the word "submit" doesn't change colors. Replace those quotes and the button will line up below the Email address field with a matching width that looks nice.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[newedgemarketing]

perfect BIG thank you Ginger! 😉

[Author]

Posts