Resetting Newsletter/Subscribe Bar Form Code

[wayward_studio]

Hello gang,

I tried to change the Newsletter/Subscribe Bar Form Code to one I have set up using Mailchimp however it’s ugly and I want to revert back to the sleekly designed one that you had already coded however after resetting the section it does not reappear. Can I grab the code again please and try to input just the list code needed from mailchimp to keep this styling.

Thanks a bunch,

A

[Mohammad – SUPPORT]

Hi,
Please refer this article http://www.swiftideas.com/knowledgebase/replicate-the-newsletter-bar-form/. It should help to you.
Thanks
Mohammad

[wayward_studio]

Thank you for that Mohammed,

This solution worked once it was saved but has since dissappeared from the homepage on refreshing or visiting from mobile device. Any reasons why it would not appear?

Best,

Adam

[Mohammad – SUPPORT]

Hi,
Can you please attach the marked screenshot to indicate the issue?
Thanks
Mohammad

[wayward_studio]

I cannot show what does not appear. I am using the code with my mailchimp list url as suggested (pasted below) but the subscribe bar does not appear upon loading on the homepage.

<form action=”<<//waywardstudio.us9.list-manage.com/subscribe/post?u=b5d6ce20bea68f1e3edce7ab0&id=8ffc839540>>” method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>

<input type=”email” value=”” name=”EMAIL” class=”required email” id=”mce-EMAIL” autocomplete=”off” placeholder=”Enter your email address” title=”Enter your email address”>

<div id=”mce-responses” style=”display: none;”>
<div class=”response” id=”mce-error-response” style=”display:none”></div>
<div class=”response” id=”mce-success-response” style=”display:none”></div>
</div> <!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
<div style=”position: absolute; left: -5000px;”><input type=”text” name=”b_a3950048c69f7be72a27013a9_68a002176a” tabindex=”-1″ value=””></div>

<input type=”submit” value=”HIT IT” name=”subscribe” id=”mc-embedded-subscribe”>

</form>

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width: 1024px) {
#sf-newsletter-bar {
    display: block !important;
}

}

Thanks
Mohammad

[wayward_studio]

Where should this be posted?

In the custom css section or within the Newsletter/Subscribe Bar Form Code section? Should it be within the </form? tags if so?

Thanks,

A

[Rui Guerreiro – SUPPORT]

Hi,

It’s the custom css option.

-Rui

[wayward_studio]

This hasnt worked either. Any other solutions? It may help to know that for some reason my footer has now gained height which leaves an empty space below the links, could this be related?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Looks like you are embedding the form wrong. It looks like you are using the Mailchimp plugin, I see it’s loading it’s own CSS: http://cdn-images.mailchimp.com/embedcode/slim-10_7.css.

Please add a WP login so I can confirm where/what is going wrong.

Thanks.

[wayward_studio]

This reply has been marked as private.

[David Martin – Support]

Please see here:

I have added another text widget with your code. Please remove the one above.

I deactivated the mailchimp plugin also.

Thanks.