Hi,

I've created a responsive HTML email and discovered that some elements dont render correctly in Yahoo mail. I've looked on blogs and I understand that I need to use attribute selectors to get it to work.

I know what they are but have never written any code with it and am confused how to change most of them to this way.

Can you please help? Code is below.

Code:
@media screen and (max-width: 768px) {
    .menu>li {
    width: 25 !important; 
    margin-bottom:5px !important;
    }
    .menu>li:hover > ul {
    display: none !important;
    }
    }
    @media screen and (max-width: 480px) {
    .menu>li {
    position: static !important;
    width: 100% !important;
    margin-bottom:5px !important;
    }
    .menu li a {
    border: none !important;
    }
    .menu>li:hover > ul {
    display: block !important;
    }

    .menu .end {
    position: static !important;
    width: 100% !important;
    }
	    }
Thanks!!