How / where to center a Mailjet subscription widget (iframe code)?

Store Design
, ,
1

The Mailjet subscription widget is in iframe form. I tried inserting it by adding a custom liquid section: Theme → Customize → Homepage → add section → Custom Liquid

The form displays fine in mobile but in desktop, it aligns to the left. I would like it to display centred.

I should be grateful for any suggestions.

URL: https://erie-eu.myshopify.com/

Theme: Dawn

2

Hello @Chikashi ,

It’s GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1669397591589.png
GemPages_0-1669397591589.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1669397874259.png
GemPages_1-1669397874259.png1919×912 73.8 KB

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

3

Thank you very much for your swift and helpful suggestion. It worked like a charm for the homepage.

The widget will be placed on other pages (templates) too. How would I apply the same?

4

Hello @Chikashi ,

You can inspect the code by pressing F12 or clicking the right mouse. After that, let’s copy the ID of the section and add it to the below code:

You can watch this video for the details: https://www.loom.com/share/48454666ba7a4a39ab31290a55276b83

Best regards,
GemPages Support Team

5

Sorted! Many thanks for your help. Much appreciated.

6

Hello @Chikashi ,

I do appreciate your compliment!
Your kind words have just made my day.

Best regards,
GemPages Support Team