Позиционирование палочки в OpenCart

Question

Я хочу переместить хлебную крошку в раздел заголовка, но я обнаружил, что это почти невозможно. Я пробовал абсолютное позиционирование, но сухарики перемещаются с изменением размера страницы. У меня кончились идеи.

Есть ли способ переместить хлебную крошку в заголовок с помощью css/или любым другим способом?

Here - мой демонстрационный сайт, попробуйте изменить размер страницы.

Answer 1

Вы должны переместить breadcrump в нужное положение, которое находится внутри div с классом: «breadcrumbd» под заголовком. Но если вы не хотите, чтобы изменить HTML размечать вы можете добиться этого, со следующими изменениями:

#column-left + #column-right + #content, #column-left + #content { 
    margin-left: 180px; 
    position: relative; /* Add position: relative to content*/ 
} 

удалить overflow: hidden; из #container

.breadcrumb { 
    left: -182px; 
    position: absolute; 
    top: -49px; 
} 

Но я действительно не reccoment такого абсолютным решения , передумайте, чтобы изменить разметку.