if (cat == $(this).data("cat") || $(this).data("cat") == 'unisex') {
.fleft {
float: left;
}
.fright {
float: right;
}
<div class="header__bottom">
<div class="reg">
<nav>
<ul>
<?php
foreach($categoriesq as $reg)
{
?>
<li class="fleft"><a href="/form.php?form=<?php echo $reg['id']; ?>"><?php echo $reg['title']; ?></a></li>
<?php
}
foreach($categories as $cat)
{
?>
<li class="fright"><a href="/articles.php?categorie=<?php echo $cat['id']; ?>"><?php echo $cat['categorie']; ?></a></li>
<?php
}
?>
</ul>
</nav>
</div>
</div>
</div>
...
event.preventDefault();
if (event.type === 'drop') {
let targetArr;
if (typeof $(this).attr('data-dragto') === typeof undefined) {
targetArr = [];
} else {
targetArr = $(this).attr('data-dragto').split(' ');
}
if ($.inArray( td.attr('data-dragfrom'), targetArr) && td.parent().attr('class') == $(this).parent().attr('class')) {
...
$(document).ready(function () {
functuion resizeSubmenu() {
...
}
resizeSubmenu();
$(window).on('resize', function(){
resizeSubmenu();
});
});
@media only screen and (max-width: 1024px)
.bee3D--effect__carousel {
transform: scale(0.9);
margin: -38px 0;
}
@media only screen and (max-width: 786px)
.bee3D--effect__carousel {
transform: scale(0.8);
margin: -65px 0;
}
@media only screen and (max-width: 610px)
.bee3D--effect__carousel {
transform: scale(0.67);
margin: -93px 0;
}
@media only screen and (max-width: 480px)
.bee3D--effect__carousel {
transform: scale(0.55);
margin: -120px 0;
}
#container1 {
display: none;
}
$('[data-reveal-id="myModal"]').click(function() {
jQuery.ajax({
url: "mod1.html",
dataType: "html",
success: function(response) {
$('#container1').html(response);
$('#container1').addClass('appear');
}
});
});