Newsletter Subscribe Bar and Simple Customizations

[markmckay]

Hi,

There are a few things that I am having difficulty with in regards to customizing my website.

My website is http://pemfglobal.com

1. Newsletter Subscribe bar

I use MailChimp for my newsletter. I have tried to use the embed code, followed the instructions in this forum and tried a short code generated from a WP plugin. I cannot get any of these methods to display the newsletter on the site. I would like the newsletter to appear on all pages.

2. Mobile Product pages

There seems to be some issue with the mobile version of the product pages. The product summary and first row are overlapping to create a hot mess.

3. Homepage buttons

I used the buttons from the Swift framework to generate the buttons under the products in the first section below the slider. I cannot change the hover colour to #9a9ad8.

3. Homepage boxes optimized for different layouts

When viewing the site on the desktop and the browser width not being optimized to the size, some of my content spills out of the boxes. What is the best way to fix this?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) We do not recommend you use the plugin, not sure where you read this? Please use this code: http://www.swiftideas.com/knowledgebase/replicate-the-newsletter-bar-form/

2) This is caused by your custom CSS:

Please remove that or hire a developer to improve it for mobile.

3) You can change the hover color or the accent using this:

.sf-button.accent:hover, 
.sf-button.bordered.accent:hover {
    background-color: red;
    border-color: red;
    color: white;
}

4) What device/screensize is that for? I see this for iPad landscape for example:

[markmckay]

Thank you.

For the subscriber bar, I cannot get it to show up after using your code. Here is what I have embedded.

`<form action=”//pemfglobal.us8.list-manage.com/subscribe/post?u=cb0b24cbbde7b594ed3d0dc8e&id=aef32de2ee” 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=”SUBSCRIBE” name=”subscribe” id=”mc-embedded-subscribe”>

</form>

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

It’s not showing because of this console log error:

Please can you disable all plugins leaving only Swift Framework and WooCommerce active whilst we look.

[markmckay]

Hi, I have done as you asked. Please let me know when I can turn them back on. My site is sort of broken with some of the plugins off. Thank you.

[markmckay]

Hi, please use the dev version of the site to resolve the issue. It can be found here > http://pemf.markmckay.ca

Same username and password as production.

Thank you.

[markmckay]

Also, I tried to make the social icons bigger using this method > http://www.swiftideas.com/forums/topic/larger-social-icons-in-site-header/

It did not work. Any suggestions?

[David Martin – Support]

Please can you disable all plugins leaving only Swift Framework and WooCommerce active whilst we look.

[markmckay]

Hi, the plugins are deactivated. Please check the development site, using the same login information for the productions site.

http://pemf.markmckay.ca

[David Martin – Support]

Hi,

Can you add your FTP details?

Thanks.

[markmckay]

Here you go.

U: [email protected]
P: $w!ft

http://ftp.markmckay.ca
FTP & explicit FTPS port: 21

[David Martin – Support]

Hi,

Please now test your dev site: http://pemf.markmckay.ca/

I have found a possible bug and reported back to the team for investigation and fix. Let me now how that works for you and I can add it to your live site.

[markmckay]

Hi, can you please add it to the live site? How can I give you the credentials so that the it doesn’t show up for other people in the forum? And/or can you give the code and tell me where to add it? Thank you. Mark.

[David Martin – Support]

Are you running the latest theme update, the patch should have been shipped into that last update.

[markmckay]

Hi, the latest update did not fix this for me. Can you please tell me how you made this change so that I can apply the patch to my local?

Also, I want to add the Mailchimp popup to my website by adding additional javascript to the site. In the theme options for the javascript input box, it says to remove the script tags. Can you please tell me how to format the code below? I can’t seem to get it to work. Thank you.

<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us8.list-manage.com","uuid":"cb0b24cbbde7b594ed3d0dc8e","lid":"aef32de2ee"}) })</script>