CSS not working on FIREFOX

  • Resolved manchoo

    (@manchoo)


    4 years, 10 months ago

    Hi Guys,

    Hopefully a quick one. The Custom CSS I have is not registering on my firefox browser. I was wondering if anyone can check with theres? Works on edge and chrome but the CSS is not coming through in firefox.

    Here’s the Code, it relates to the Ajax search box in the menu:

    /*requires @MEDIA under mobile size 1345*/
@media only screen and (min-width: 1345) {
.dgwt-wcas-sf-wrapp{
width:400px;
}
}
    /*requires @MEDIA under 1155*/
@media only screen and (min-width:1155 ) {
.dgwt-wcas-search-wrapp {
padding-top: 10px
}
}

    I’ve just realised its the only @media code I have on the site at the moment. Anyone know of any issues. I’ll try and do some new research on the issue now!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter manchoo

    (@manchoo)

    For future readers, the parsing was wrong, requires denoting the width into a measurement, so px/em etc. works now ??

    /*requires @MEDIA under mobile size 1345*/
@media only screen and (min-width: 1345px) {
.dgwt-wcas-sf-wrapp{
width:400px;
}
}

    You may also want to put a spacebar between the ‘and‘ and the ‘(‘ and I also saw maybe a ‘;‘ after the px.

    Thanks

    • This reply was modified 4 years, 10 months ago by manchoo.
    • This reply was modified 4 years, 10 months ago by manchoo.
Viewing 1 replies (of 1 total)
  • The topic ‘CSS not working on FIREFOX’ is closed to new replies.