Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #1408341


    I use Aweber for building my list. I’m not able to use their landing page function with my website currently because of CSS issues both on laptop view and mobile view. In most cases, I can use the landing page hosted on Aweber and there is no issue. But for Facebook ads, and A/B testing in some cases, I need the page to be linked to my website so it has url, not url.

    Aweber’s wordpress plugin allows me to LINK an landing page, to a designated page on

    I’m posting 2 examples privately.

    On both – there is no mobile responsive at all.

    And on the 1st one, there is a weird CSS issue at the bottom of the image where the form field are when viewing on laptop.

    I’m hoping there is a way to make their CSS and Enfold CSS work together.

    Thanks for your help.

    • This topic was modified 6 months, 2 weeks ago by biggsuccess.

    Hi biggsuccess,

    We apologize for the delayed response.
    Can you try to add this CSS code:

    @media only screen and (max-width:767px) {
      body {
        display: block;
        max-width: 100vw;

    Hope it helps.

    Best regards,


    Hi Nikko,

    Thanks for your response! This didn’t seem to help for mobile view.


    Hi biggsuccess,

    I tried to check the pages but the code I gave was missing on those pages.
    Are you using Thrive Architect for those pages? if yes, please add the code there not in Quick CSS.
    If that still does not help, then please give us temporary admin access, so we can check on the issue further.
    Just post the credentials in private content.

    Best regards,


    Hi Nikko – the code you provided is in my quick CSS.
    I’m using aweber landing pages via their plugin. The 2 pages with issues are linked via their app, which you’ll see.
    Access info is below
    Thank you for taking a closer look!


    Hi biggsuccess,

    Thanks for giving us admin access.
    I have checked it and it seems using the Aweber Landing Page template causes problems for mobile but it seems good on other options like default and Blank, No Header, No Footer.
    I think you should choose the latter option, I have changed it in the page below.

    Best regards,


    Oh, wow – that’s awesome Nikko! One more question. Is there some CSS I can use regarding the font with Aweber forms? The font of the form you fixed is supposed to be all white. It seems anything bold becomes black rather than remain white.


    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .awpage-document strong,
    #top .awpage-document label span {

    After applying the css, please clear your browser cache and check.

    Best regards,


    Thank you Mike that worked! I appreciate the help from you and Nikko. As always you guys are amazing! We can close this topic.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘CSS issues with Aweber Landing Pages’ is closed to new replies.