Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 9, 2016 at 2:01 pm #722416
    SuperCat

    Hi,

    I’ve recently installed a great plugin, Caldera forms. Everything worked out perfectly even when i add conditional logic to the form. The problem comes in when i added more than 2 conditional logic. It seems to affect the widgets and the call-to-action bar on the page i installed the Caldera form.

    It looks alright on a desktop, but definitely a problem for the mobile view. The widgets seems to be vertically arranged and my buttons “View our catalogue” and “Get-Instant-Quotation” doesn’t work properly.

    December 12, 2016 at 6:13 am #722936
    Rikard

    Hey ridzealous,

    Could you post a link to the site in question so that we can take a closer look please? Also please try to explain a bit further what the problem is and how it should look, a screenshot highlighting the problem might help us understand better.

    Best regards,
    Rikard

    December 12, 2016 at 11:47 am #723074
    SuperCat

    Here is the mobile view that is disrupted to some jquery problem.. i think?

    http://i63.tinypic.com/2q87c0p.jpg

    Here is the footer being disrupted.. to know easily what im talking about, you may use your mobile phone to visit the link provided and you can see it’s not normal.

    • This reply was modified 7 years, 10 months ago by SuperCat.
    December 13, 2016 at 6:48 am #723541
    Rikard

    Hi,

    Thanks for the screenshot though I can’t see the problem on your front page, on what page are you seeing this? Please link to the page directly.

    Best regards,
    Rikard

    December 13, 2016 at 8:46 am #723589
    SuperCat

    Hi,

    It’s a hidden link.

    Compare Prices

    December 14, 2016 at 6:15 am #724109
    Rikard

    Hi,

    Ok, thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-8960 #footer div .av_one_fourth {
    margin-left: 0 !important;
    width: 100% !important;
}
}

    Best regards,
    Rikard

    December 14, 2016 at 9:32 am #724176
    SuperCat

    Hello,

    Thanks for the response. Although it worked.. but it’s not the same fit as the rest of my pages.. And the 2 buttons before the footer also does not seem to align well. It’s because this page has the plugin ‘Caldera forms’ with multiple conditional logic which led to this problem.. So i guess the problem is with the plugin but i hope to make it work.

    Here are 2 images of the original which worked fine on all the other pages of my website, and the one with problem.

    1) Footer and the row before the footer (without caldera form)

    2) PROBLEM : Footer and the row before the footer (with caldera form)

    • This reply was modified 7 years, 10 months ago by SuperCat.
    December 15, 2016 at 5:47 am #724735
    Rikard

    Hi,

    Ok, I see what you mean. Please try to replace the code I previously sent with this:

    @media only screen and (max-width: 767px) {
.page-id-8960 div .av_one_fourth {
    margin-left: 0 !important;
    width: 100% !important;
}
}

    Best regards,
    Rikard

    December 15, 2016 at 8:08 am #724779
    SuperCat

    Hi Rikard,

    It worked well, however, it’s not 100% similar.. is this the best solution?

    If you can see the footer, the alignment of the footer widgets is not the same as the original..

    December 16, 2016 at 7:05 am #725189
    Rikard

    Hi,

    Thanks for the feedback but I can’t see any difference, could you point them out in a screenshot maybe?

    Best regards,
    Rikard

    December 18, 2016 at 5:32 am #725789
    SuperCat

    Hi Rikard,

    I hvae attached the photo for your reference. This is the best screenshot I can show u to illustrate the difference in fonts and alignment width spacing.

    December 21, 2016 at 5:16 pm #727157
    Andy

    Hi,

    1.) Try this code:

    .av-section-color-overlay-wrap {
height: 550px;
}

    and adjust as needed.
    2.) Use this code to adjust font size:

    .av-special-heading-tag font {
font-size: 37px;
}

    and adjust as needed.
    3.) About which two different pages are you talking about? I only see one page (s. private content).

    Best regards,
    Andy

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.