JSFiddle - React, Tailwind, and code Playground

by Luis Martin

JavaScript

jQuery('body').append('<div class="cabeceraSticky"><a href="https://www.mapfretecuidamos.com"><img src="/sites/default/files/logo-tecuidamos.png" alt="Mafre" title="Mapfre"></a><div class="telefono"><div class="textos"><span class="texto">¿Aún no eres Socio?</span><span class="texto">¡Date de alta aquí!</span></div></div></div>')


jQuery("head").append('<style>\
  	@media screen and (max-width: 800px) {\
    	.cabeceraSticky{\
      	position: fixed;\
        top: 0;\
        background: #fff;\
      }\
      .cabeceraSticky img{\
      	width: 50%;\
    		margin: 20px 15px;\
      }\
      .telefono{\
        height: auto;\
        float: right;\
        margin: 6px;\
        background: rgb(136,198,46);\
        color: #fff;\
      }\
      .textos{\
        float: right;\
        text-align: left;\
        font-size: 16px;\
      }\
    }\
</style>');