Кликабельность надписи в шапке

[Malyshevpe]

Доброго времени суток, ув. форумчане. 

Есть сайт manisa.ru

Вверху в шапке (через файл header.tpl) вынесено 2 преимущества (гарантия и доставка). Оба этих преимущества прописаны в одном <div> блоке. 

Коды HTML абсолютно идентичные, стиль расположения к этому блоку единый и прописан в админке самой темы.

 

Вопрос: почему нижнее преимущество доступно для клика при наведении В ЛЮБОЕ МЕСТО НАДПИСИ, а верхнее преимущество становится доступным для клика ТОЛЬКО В ВЕРХНЕЙ ЧАСТИ НАДПИСИ (примерно 2/3 нижней части этого преимущества НЕ КЛИКАБЕЛЬНО).

Причем этот же "баг" и на картинку (щит в данном случае) распространяется. 

 

Вот код, который прописан для преимуществ (кусок кода с преимуществами выделен красным)

 

Собственно вопрос: Как сделать кликабельной ВСЮ надпись и картинку (по факту должно получится так же, как и при наведении на "Бесплатную доставку")

 

 

/*****************************
        HEADER OTHER INFORMATION
        ******************************/
        ?><header id="header"<?php if ($this->config->get('RGen_logoPosition_status') == 1 || $this->config->get('RGen_menulayout') == 'fw') { ?> class="logo-in-header"<?php } ?>>
            
            <?php if ($this->config->get('RGen_logoPosition_status') == 1 || $this->config->get('RGen_menulayout') == 'fw') { ?>
            <div class="store-logo1"><?php if ($logo) { ?><a href="<?php echo $home; ?>" id="logo"><?php echo "<img src=\"$logo\" title=\"$name\" alt=\"$name\" />"; ?></a><?php } ?></div>
            <?php } ?>            
            
            <div id="headplus">
<table align="center" border="0" cellpadding="2" cellspacing="0" style="height: 80px; width: 225px;">
    <tbody>
        <tr>
            <td>
                <img alt="" src="http://manisa.ru/image/data/shield.png" style="width: 42px; height: 42px;" /></td>
            <td style="text-align: justify;">
                <a href="http://manisa.ru/our-guarantees"><span style="color:#000000;"><span style="font-size:14px;">Гарантия возврата денег в течение 1 года</span></span></a></td>
        </tr>
        <tr>
            <td>
                <img alt="" src="http://manisa.ru/image/data/Truck.png" style="width: 44px; height: 35px;" /></td>
            <td style="text-align: justify;">
                <a href="http://manisa.ru/shipping-and-payment"><span style="color:#000000;"><span style="font-size:14px;">Бесплатная доставка по России курьером</span></span></a></td>
        </tr>
    </tbody>
</table>
<p>
     </p>
            </div>
                        
            <div id="headcontact">
                <table align="center" border="0" cellpadding="2" cellspacing="0" style="width: 160px; height: 85px;">
    <tbody>
        <tr>
            <td style="text-align: center; vertical-align: top;">
             ...............................

[Гість]

перекрывает другой див...

.top-options {width: 90%;}

если уберете ширину дива, то всё встанет на место

тут catalog/view/theme/rgen-opencart/stylesheet/desk.css

[Malyshevpe]

перекрывает другой див...

.top-options {width: 90%;}

если уберете ширину дива, то всё встанет на место

тут catalog/view/theme/rgen-opencart/stylesheet/desk.css

Спасибо большое - сам бы наверное не догадался.

Прописал в админке в Custom CSS (указал 10%) и все заработало. 

Тему можно закрывать. 

[Malyshevpe]

Спасибо большое - сам бы наверное не догадался.

Прописал в админке в Custom CSS (указал 10%) и все заработало. 

Тему можно закрывать. 

Хотя нет - поторопился я немного. 

А как указать в Custom CSS этот код так, чтобы он распространялся только на Настольные ПК и (наверное надо) для планшетов, а на мобильные устройства чтобы остался без изменений?

Простите, если глупые вопросы - осваиваю потихоньку.  

 

Или этого можно добиться только правкой конкретного файла? 

[Гість]

поправьте css, зачем вам 90% ширины нужно?