Последний пункт меню в меню CSS, попадающем на следующую строку

Question

Спасибо, что нашли время, чтобы посмотреть на мой вопрос. Я работаю на следующем сайте:

http://lighting-originals.myshopify.com/pages/contact-us/

Как вы можете видеть, есть меню на верхней части страницы, составленную из отдельных элементов с падением падением, некоторые без. По какой-то причине последний пункт меню относится к следующей строке. Кажется, не имеет значения, какой элемент я ставлю последним или нет или нет.

Есть ли у кого-нибудь идеи относительно того, как я могу это исправить?

Спасибо!

Answer 1

style.css line no. 266 Обновление это

#top-menu li.last a { 
border: none; 
border-radius: 0 4px 4px 0; 
position: relative; 
right: 295px; 
top: 34px; 
} 

обновленный код

#top-menu li.last a { 
    border: none;  
    } 

Answer 2

Удалить относительное положение на следующем стиле: -

#top-menu li.last a { 
border: none; 
border-radius: 0 4px 4px 0; 
position: relative; //Remove this 
right: 295px; 
top: 34px; 
} 

Ваш последний li и его div находятся в нужном месте, но позиционирование a внутри DIV заворачивает вниз. Он должен работать только с удалением позиции из вышеуказанного стиля.

Это приводит к отключению followng Div.

<div class="has-dropdown"> 
       <a href="/pages/brands" class="clearfix"> 
       <span class="nav-label">Shop By Brand</span> 
       <span class="nav-arrow" style="top: 16px;"></span> 
       </a> 
       <ul style="top: 37px; display: none;"> 

       <li><a href="/collections/elk">Elk</a></li> 

       </ul> 
      </div>