Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #468596

    Hello. We use OptimizePress for a number of our sales pages. I was informed by the author of that plugin, that there is a compatibility issue with OptimizePress and Enfold. They stated the following:
    *************************************************************
    Enfold CSS breaks the responsive re-sizing of pages created with the OptimizePress Live Editor. This is due to their CSS bleeding over onto pages created with our page builder. Also some templates can be cut off. Templates being cut off can be fixed with custom CSS: @media only screen and (min-width: 960px) {body.op-plugin .container { width: 100%; }}
    **************************************************************
    I inserted that custom CSS but there still seems to be a problem.
    I am providing a few before and after links so you can see the issue.
    Please let me know if there are any simple css fixes that can be implemented to resolve this incompatibility problem.

    #468956

    Hi ACNLatitudes!

    you don’t have Enfold activated on your page. We need to inspect the Enfold elements to provide you some CSS code. Let us know when you are ready. Admin access would be helpful to us as well. Post login details here as private reply.

    Regards,
    Andy

    #469064

    Hi Andy,

    I added the login credentials. Feel free to activate the Enfold Child theme and then go to that page again to see the issue. When you are done, please change the theme back to the Fresh News theme.

    Thanks!

    #469088

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    body.op-plugin .container { max-width: 100%; }

    Regards,
    Yigit

    #469157

    Thanks that fixes the problem with the width of the OptimizePress pages, but I just noticed that it messes up the layout of our home page (it makes our home page go full width, which it is not supposed to do).

    OptimizePress suggested using this code, which is similar to what you provided, but it doesn’t seem to fix the issue on the page:

    @media only screen and (min-width: 960px) {body.op-plugin .container { width: 100%; }}

    Is there a modified version of that CSS code that can work instead?

    Thanks!

    • This reply was modified 9 years, 5 months ago by ACNLatitudes.
    #469172

    Hey!

    I have added following code to Quick CSS as well

    @media only screen and (max-width: 960px) {
    .fixed-width {
      width: 80%!important;
    margin-left: 50px !important;
    }}

    and i have changed the code they provided to following one

    @media only screen and (min-width: 960px) {body.op-plugin .container { max-width: 100%; }}

    Regards,
    Yigit

    #469176

    Hi Yigit. Thanks. However the site is still stretched out on the home page and on all the other areas of the Enfold theme. Please try removing the code that you put in and then hit refresh on the home page so you can see what I mean. Please advise.

    #471359

    Hi!

    I tried to login to the site but the wp admin got redirected to this page: http://latitudes.org/members/profile.php

    The login credentials above are not working. Is this the only page with the optimizepress plugin activated? http://latitudes.org/store/should-you-consider-pandas-ebook/

    You can replace this selector (body.op-plugin) with the page id.

    @media only screen and (min-width: 960px) { .page-id-14779 .container { max-width: 100%; }}
    

    Regards,
    Ismael

    #471666

    Hi Ismael. Using the page ID technique worked great. The conflicting code appears to be resolved now. Thanks so much!

    #471975

    Hi!

    Glad we could help :)

    Cheers!
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Problem with Enfold and OptimizePress’ is closed to new replies.