Отзывчивый логотип - меню Overlaps Logo

Question

Я использую Gantry на шаблоне для Joomla 2.5. Шаблон был настроен на размещение небольшого изображения в качестве логотипа в первой точке, но я хотел, чтобы он был изменен на большую ширину.

Итак, теперь он не работает на ipad, поскольку он выходит из окна, и меню появляется поверх него.

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

URL-адрес является: http://174.142.32.91/~thanos/example/

Спасибо заранее,

Ник

Answer 1

Вы не можете использовать фиксированные размеры и получить отзывчивые, изменение размера качества, которые вы ищете. Кроме того, вы не должны использовать фоновое изображение, если хотите изменить размер. Чтобы исправить код, это просто.

Добавить фоновое изображение как HTML изображение внутри вашего

<div class="rt-block logo-block"> 
    <a href="/~thanos/example/" id="rt-logo"> 
     <img src="http://174.142.32.91/~thanos/example/images/example.png" /> // This is your image 
    </a> 
</div> 

Далее удалите следующие из вашего CSS:

#rt-logo{background:url("../images/logo/logo1.png") no-repeat;} 
#rt-logo{margin:-9px 0 0 0;width:172px;height:84px;display:block;} 

Answer 2

Это потому, что портальные использует фоновое изображение для отображения логотипа. У вас есть три пути:

1. Сделайте это CSS путем: Вы можете использовать CSS3 backgrournd-size property (который работает в IE 9 или более поздней версии) и некоторую коррекцию. Вы можете поместить свои коды css в файл gantry-custom.css в папке templates/gantry/css (создать файл, если его там нет), или вы можете редактировать файлы LESS в папке templates/gantry/less.

2. Переопределить функцию логотипа с помощью gantry на img для достижения этой функциональности. Чтобы отменить эту функцию, скопируйте файл logo.php из библиотек/gantry/features в шаблоны/gantry/features, если он там еще не существует и отредактируйте render.

3. Отключить логотип функции портала и использовать модуль с логотипом в качестве его содержимого.