Как уменьшить высоту шапки в теме Storefront (Wordpress)?

(Ответов: 3, Просмотров: 3385)
  1. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Кто-то наверняка пользуется этой темой с Woocommerцем.

    Минут 15 копался в файлах этого шаблона. Кое-что нашел, но шапка не меняется.
    • 0
  2. Дизайнер года Аватар для Kiwikov
    • Регистрация: 17.12.2012
    • Сообщений: 1,399
    • Репутация: 741
    • Webmoney BL: ?
    IX., Если высоту слайдера, то вот такое в коде CSS ищите:

    Код:
    .page-template-template-storefront .storefront-heading .col-full {
        height: 391px;
    }
    Но это поможет уменьшить только на десктоп версии/
    Если Вам нужно уменьшить меню, то нужно дописать свойство высоты

    Код:
    .site-header #menu
    Вот так, например:

    Код:
    .site-header #menu {
        padding: 0;
        height: 52px;
    }
    Но тогда нужно будет уменьшать высоту пункта меню, например:

    Код:
    @media screen and (min-width: 768px)
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        color: #333;
        font-weight: normal;
        font-size: .95em;
        padding: 16px .8em;
        text-decoration: none;
    }
    Я падинг поставил по высоте в пикселях и уменьшил до 16px

    У класса site-branding убрать маргин-топ, что бы логотип стал номарльно
    И последнее, выравнимаем поиск, в айди (id) #header-search прописываем вот так:

    Код:
    #header-search {
        top: 5px;
        right: 5px;
    }
    Качественный дизайн сайтов от 70$ - Профессиональный дизайн для Вас и Ваших клиентов!
    • 0
  3. Дипломник Аватар для IX.
    • Регистрация: 17.11.2012
    • Сообщений: 216
    • Репутация: 6
    Цитата Сообщение от Kiwikov Посмотреть сообщение
    IX., Если высоту слайдера, то вот такое в коде CSS ищите:
    А там есть слайдер?..

    Вот что нужно всего-то - уменьшить расстояние. Картинку убирал, дело не в ней.

    Нажмите на изображение для увеличения.  Название:	??????.JPG  Просмотров:	7  Размер:	46.9 Кб  ID:	22146

    p.s. или посоветуйте хорошую бесплатную тему для Woocommerce.
    Через поиск нашёл три шаблона, так себе.
    • 0
  4. Студент Аватар для Flip_Syde
    • Регистрация: 08.01.2016
    • Сообщений: 79
    • Репутация: 23
    Ищите нуленый плагин Storefront Designer.
    Есть вопросы? Поищи в себе ответы!
    • 1

    Спасибо сказали:

    IX.(20.10.2016),

Похожие темы

Темы Раздел Ответов Последний пост
DISLAVG - Графический дизайн, баннер, логотипы, шапки, wordpress
Дизайн сайтов, графика 0 20.11.2015 16:21
Что здесь неправильно (header) в wordpress теме
WordPress 5 19.08.2015 18:01
Как увеличить размер логотипа в теме wordpress-Hueman? :-)
WordPress 1 08.10.2014 19:30
Нужна помощь по стандартной теме Wordpress
WordPress 14 22.07.2014 22:53
Скажите как формируется шапка в моей теме wordpress
WordPress 8 30.12.2013 08:34

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры