У меня есть пункт меню, который перемещает страницу на некоторых устройствах. В основном это нормально, но иногда верхний предмет, drawing Development идет выше, чем другие предметы.
Это применяется css.
@media (max-width: 768px)
{.dropdown
{transform:rotate(270deg);
left: -25px;}}
Это html:
<div class="collapse
navbar-collapse navbar-ex1-
collapse"><ul id="menu"
class="menu"><li id="menu-
item-3530" class="menu-item
menu-item-type-post_type
menu-item-object-page menu-
item-has-children menu-
item-3530 dropdown"><a
title="Contact"
href="https://4309.co.uk
/contact/">Contact
<ul role="menu" class="
dropdown-menu">
<li id="menu-item-12515"
class="menu-item menu-item-
type-post_type menu-item-
object-page menu-item-
12515"><a title="DRAWING
DEVELOPMENT"
href="https://4309.co.uk/dr
awing-development/">DRAWING
DEVELOPMENT</a></li>
<li id="menu-item-2997"
class="menu-item menu-item-
type-post_type menu-item-
object-page menu-item-
2997"><a title="SKETCHES"
href="https://4309.
co.uk/sketches-life-
drawing/">SKETCHES</a></li>
<li id="menu-item-3529"
class="menu-item menu-item-
type-post_type menu-item-
object-page menu-item-
3529"><a title="LOGOS"
href="https://4309.
co.uk/logos/">LOGOS</a>.
</li>
<li id="menu-item-3531"
class="menu-item menu-item-
type-post_type menu-item-
object-page menu-item-
3531"><a title="DRAWING"
href="https://4309.co
.uk/portraits/">DRAWING</a>
</li>
<li id="menu-item-3751"
class="menu-item menu-item-
type-post_type menu-item-
object-page menu-item-
3751"><a title="ABOUT US"
href="https://4309.co.uk
/about-us/">ABOUT US</a>.
</li>
Так как мне заставить все предметы сидеть на одной линии? Я попытался изменить высоту (так как она повернута), но возникла та же проблема.
здесь