Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 3, 2015 at 8:49 pm #405394
    nigdowser

    Hi, I’m using the latest release of Enfold, but the pages are not responsive in Firefox. Safari and Chrome are fine, but not FF.

    Also, in text boxes, I cannot seem to get the text to center properly. It always ends up left-aligned.

    Any suggestions gratefully received!
    Thanks

    March 3, 2015 at 9:00 pm #405405
    nigdowser

    Fixed the alignment issue with some CSS! yay! But the FF issue remains

    March 4, 2015 at 2:25 pm #405758
    Yigit

    Hi!

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

    .avia-mozilla img, .avia-mozilla a img { width: 100%; }

    Regards,
    Yigit

    March 4, 2015 at 5:13 pm #405876
    nigdowser

    Thanks. Tried that but it still is cut off on the right. Weird!

    March 5, 2015 at 8:22 am #406257
    Ismael

    Hey!

    Try to disable the wpengine’s autooptimize feature. Ask your host.

    Best regards,
    Ismael

    March 6, 2015 at 12:35 am #406763
    nigdowser

    Thanks!

    I deactivated the plugin, cleared the cache in FF but it still has the same issue.

    March 6, 2015 at 4:20 pm #407055
    Yigit

    Hi!

    Can you try de-activating all active plugins and check if that helps? Also, which version of the theme are you using?

    Best regards,
    Yigit

    March 6, 2015 at 5:38 pm #407140
    nigdowser

    Hi,
    I just tried that on a staged version of the site, cleared the cache again and reloaded and the issue is still there. I’m running version 3.0.8 of Enfold.

    I haven’t yet tried this on Internet Explorer (because I hate it!), but I’ll be doing that later today and see if it’s OK. Also I’ll try it on Opera as well.

    Thanks!

    March 6, 2015 at 6:22 pm #407173
    nigdowser

    OK, I’ve tried IE and Opera and it displays correctly in both.
    The only other thing I can think of is showing what CSS has been added to the theme. My changes are shown below:

    .single-product-main-image {
    width: 20%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
    }

    /* #top #main .avia-section .template-page{
    width: 60%;
    border: 0;
    margin-left: auto;
    padding-left: 0;
    margin-right: auto;
    } */

    div .products .product {
    float: left;
    margin: 0 1% 1% 0;
    padding: 0;
    position: relative;
    width: 15%;
    margin-left: 0;
    }

    a.about_paypal {
    display: block;
    }

    li.payment_method_paypal img {
    width: 200px !important;
    height: 70px !important;
    }

    p.product.woocommerce.add_to_cart_inline{
    text-align: center;
    }

    March 7, 2015 at 1:18 pm #407460
    Ismael

    Hi!

    The autooptimize feature is still enabled. I think the script and stylesheet minify settings is causing the issue.

    Regards,
    Ismael

    March 7, 2015 at 6:20 pm #407523
    nigdowser

    I have disabled it, cleared the cache and reloaded and the issue is still there. I can’t reproduce it in any other browser…

    March 9, 2015 at 4:00 am #407833
    Ismael

    Hi!

    Ok. I think the problem is you’re using the blank template. Add this code in the Quick CSS field:

    @media only screen and (max-width: 989px) {
#top.avia-blank #wrap_all #main .container {
    padding-top: 0px !important;
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
}}

    Best regards,
    Ismael

    March 9, 2015 at 4:35 pm #408227
    nigdowser

    Thanks for that idea. Sadly, it still is clipped on the right hand side. Admittedly, not by much, but it is clipped and the amount hasn’t changed with that CSS.

    Sorry to have something so difficult!

    March 10, 2015 at 10:12 am #408695
    Ismael

    Hi!

    We can’t reproduce the issue on our installation. Please post the login details here. We would like to check it.

    Regards,
    Ismael

    March 10, 2015 at 6:04 pm #408981
    nigdowser
    This reply has been marked as private.
    March 12, 2015 at 5:01 am #410284
    Ismael

    Hey!

    I think it’s the blank template that’s causing the issue. Instead of using it, use the default template then hide the footer, header, socket, sidebar inside the Layout settings. We fixed the page for you: http://thesixthsensesolution.com/courses/accelerated-healing-course-details/

    Cheers!
    Ismael

    March 12, 2015 at 6:37 pm #410634
    nigdowser

    Thank you SOOOOO much! I know it was just a small problem in terms of display, but I am really grateful for your persistence in finding the solution.

    Can’t see anywhere to mark this as closed, but it most certainly is!!

    Thanks again. You guys do a fantastic job!

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Firefox unresponsive and alignment issues’ is closed to new replies.