скольжение элемента страницы

Question

Мой URL: любовная всплеск паники

Я добавил "Бесплатная доставка при заказе свыше 50 долларов" в мой заголовок.Как заставить этот элемент не скользить влево и вправо при масштабировании?

Используемый CSS: .shipping {position:relative; top:100px; right:-1000px;}

Answer 1

Переместите элемент <a> в следующие элементы div (непосредственные потомки body): body > #header-wrapper > #header.container > .margin.clearfix > a.shipping

После этого измените стили следующим образом:

#header .shipping {
     position: absolute;
     right: 83px;
     top: -35px;
}

Причина, по которой якорь двигался, заключалась в том, что он был относительно его положения к левому краю экрана, в результате чего он оставался в направлении левой стороны при уменьшении масштаба. После этого он будет вместо #header div, который центрирован, и останется таким же при уменьшении масштаба.