Remove padding/margin and customize for mobile

  • Resolved capchelsea

    (@capchelsea)


    4 years, 8 months ago

    No website to show, it needs to remain blocked.

    But mc4wp has been installed inside the footer. It is horizontally formatted with the button to the right of the email form. Above the entire form is a large space that needs to be removed. I’ve tried custom CSS to remove padding and margins. But nothing. Any suggestions/code to remove this large gap?

    https://drive.google.com/file/d/1AUDloHIV9-FaFzpLERv5BGkVl73ryUCj/view?usp=sharing

    Second, I’m trying to have it display vertically when viewed on mobile. I’m using this code
    @media( max-width: 580px ) {
    .mc4wp-form input[type=”text”],
    .mc4wp-form input[type=”email”]{
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    }
    }

    https://drive.google.com/file/d/1hyoIIQ3_0KDdAjMJJAHWUtLrEVLZotzr/view?usp=sharing

    It does display vertically, but it’s because the email box is pushing it, the code isn’t adjusting it. I want to customize the mobile version specifically, because the spacing/alignment is off.

    • This topic was modified 4 years, 8 months ago by capchelsea.
    • This topic was modified 4 years, 8 months ago by capchelsea.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    4 years, 8 months ago

    Hello,

    I regret to say it’s not possible for us to debug this issue without checking the actual website where the form is placed. Your theme and other CSS from other plugins all can affect the spacing.

    Thread Starter capchelsea

    (@capchelsea)

    4 years, 8 months ago

    http://www.olympuscannabis.ca

    This is the website with the footer issue. It’s temporarily unblocked

    Plugin Contributor Lap

    (@lapzor)

    4 years, 8 months ago

    The form I see in the footer of that site doesn’t look like it’s created with MC4WP.

    It has the class name “cmp-subscribe”. Maybe that rings a bell what it’s created with?

    With the Premium add-on to our plugin you will get the style builder helping you configure margins and colors and such in the form.

    https://www.mc4wp.com/premium-features/

    Hope that helps. If you have any questions, please let me know!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove padding/margin and customize for mobile’ is closed to new replies.