Black Friday! Get up to 25% off GP Premium! Learn more ➝

Reply To: woocommerce.php (inc/woocommerce.php) & mobile css

Home Forums Support woocommerce.php (inc/woocommerce.php) & mobile css Reply To: woocommerce.php (inc/woocommerce.php) & mobile css

Home Forums Support woocommerce.php (inc/woocommerce.php) & mobile css Reply To: woocommerce.php (inc/woocommerce.php) & mobile css

#242175
Tom
Lead Developer
Lead Developer

It looks like you added PHP to a template or something. You should remove what you added, and add that code using the instructions here: https://generatepress.com/knowledgebase/adding-php-functions/

1. Try this:

@media (max-width: 768px) {
    .generate-columns {
        margin-left: 10px;
        margin-right: 10px;
    }
}

2. This is because you’re using the separate containers layout. You can remove that space on mobile like this:

@media (max-width: 768px) {
    .separate-containers .site-main {
        margin-top: 0;
    }
}

3. You’re adjust the padding with that CSS. To stop it from adjusting the footer widget padding, remove this part: .separate-containers .widget.inner-padding

Hope this helps 🙂