Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 24, 2023 at 12:32 am #1408341
    biggsuccess

    Hi,

    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 mysite.com url, not aweb.com url.

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

    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 1 year, 5 months ago by biggsuccess.
    May 27, 2023 at 5:50 am #1408751
    Nikko

    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,
    Nikko

    May 30, 2023 at 5:55 pm #1409039
    biggsuccess

    Hi Nikko,

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

    June 1, 2023 at 12:00 am #1409203
    Nikko

    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,
    Nikko

    June 1, 2023 at 1:25 am #1409223
    biggsuccess

    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!

    June 1, 2023 at 5:29 am #1409249
    Nikko

    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,
    Nikko

    June 1, 2023 at 3:01 pm #1409277
    biggsuccess

    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.

    June 2, 2023 at 11:11 pm #1409446
    Mike

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

    #top .awpage-document strong,
#top .awpage-document label span {
	color:#fff;
}

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

    Best regards,
    Mike

    June 3, 2023 at 12:18 am #1409454
    biggsuccess

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

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