-
Posts
-
This is a new problem. I’ve used this CSS applied to a color section on several websites without issue. For some reason on this new website, when the window is less than 768px wide, the styles are no longer applied. I even tried setting display to none to this color section for screen sizes under 768px but that doesn’t work either.
Link to the site is in the private content. Here’s the CSS:
#os-btm-bnr-cs {
min-height: 550px;
background-color: #222222;
background-image: [see below]
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
}#os-btm-bnr-div {
background: rgba(0, 0, 0, 0.5);
padding: 20px;
padding-top: 1px;
text-transform: uppercase;
}.os-btm-bnr-p {
color: #ffffff;
text-shadow: 2px 2px 4px #000000;
font-family: open sans;
font-size: 30px;
line-height: 40px;
}.os-btm-bnr-span {
color: #00B6DC;
}Any ideas?
Thanks!Hey jstonestreet,
There might be an unclosed media query. Please post us your login credentials (in the “private data” field), so we can take a look at your backend.Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
YigitHere you go…
This site is still in dev so feel free to do what you need. Just please don’t destroy anything :)
Hi,
I tried logging in, but the above credentials did not work. Can you take a second look at it?
Best regards,
Jordan ShannonHi,
It looks like your issue is with this block of css:
/*changes the main menu height when mobile menu is hidden*/ @media only screen and (min-width: 768px) { #header #header_main_alternate .container { height: 35px !important; }You need to add a closing bracket wherever you want this to end.
Best regards,
Jordan Shannon
- The topic ‘Custom CSS Not Applied on Mobile Color Section with ID’ is closed to new replies.