Редактирование страницы товара

[Tavlar]

Здравствуйте. В десктопной версии сайта товар налезает на шапку. Как это можно исправить? Заранее всем благодарен

 

[marr]

В десктопной версии сайта товар налезает на шапку. Как это можно исправить?

Убрать у header

position: absolute;

 

[Tavlar]

А не подскажете, где конкретно? Я так понимаю, у плагина Woocommerce? Но никак не пойму где конкретно

 

[marr]

Причем тут Woocommerce, header - это шапка сайта. Посмотрите у вас в кастомайзере в доп. стилях

 

[Tavlar]

Если честно, я туда первым делом и пошел. Но не нашел то, что Вы указали
вот доп. стили

#shipping_method li:nth-child(3) {display: none;}
#billing_country_field {display: none;}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#F4A10B !important;

background-color:#F4A10B !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#F4A10B !important;

background-color:#F4A10B !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #F4A10B !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #F4A10B !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}

.home .ast-article-single.product{
    margin: 0 auto !important;
    width: 50% !important;
}

.home .astra-shop-thumbnail-wrap{
    width: 50%;
    margin: 0 auto;
}

.home h2.woocommerce-loop-product__title,
.home .ast-woo-product-category, .home .price{
    width: 100%;
    text-align: center !important;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    height: 60px;
}
.home h2.woocommerce-loop-product__title,
.home .ast-woo-product-category, .home .price, .add_to_cart_button{
    width: 99%;
text-align: center;
}
span.woocommerce-Price-amount.amount {
    font-size: 1.4em;
}

Если вопросы глупые - не серчайте уж. Потому и задаю их в категории вопросов новичков

 

[marr]

Возможно это в настройках кастомайзера

Upload and share screenshots and images - print screen online | Snipboard.io

Easy and free screenshot and image sharing - upload images online with print screen and paste, or drag and drop.

snipboard.io

 

[joy66]

допиши к доп стилям
.header, .site-header {
position: relative !important;
}

 

[Tavlar]

так на главной сильный отступ получается

 

[joy66]

так на главной сильный отступ получается

Потому что там зачем то пустая секция elementor вставлена

 

[Tavlar]

@joy66, благодарю за помощь, все заработало