Responsive issue

About this forum
These forums have not been active for several years. They're available for search and reference, but a lot of this information is likely out of date.

For current information, try visiting our Knowledge Base.

Home / Support / Beaver Builder Plugin / Responsive issue

This topic is: not resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #115119

    Herman
    Participant

    Hi team, Hope all are doing well.

    I Am having trouble with the responsive side of the website below. It is generally behaving well except for one section on the home page is discarding the call out images om a specific mobile size. The specific device is the galaxy tab 3.
    The site is hiyer.org and the section is “Cool stuff” There are a serious of callouts with images that are supposed to be either left or right aligned with the title depending on the section they fall under. All is working well except for on screen size of 755 px to 822 px Where the images disappear. I managed to recreate this situation by using Firebug in firefox. and can supply screen print is you would need it.

    It is only in that very small window sizes that it is eratic.

    I will supply you with login information below in pm.

    #115120

    Herman
    Participant
    This reply has been marked as private.
    #115246

    Jun
    Keymaster

    Hey Herman!

    I can’t seem to reproduce the problem. I tested the site on 755×822 resolution and I’m able to see all the callout images under The Cool Factor section, I’m assuming this is what you mean as I can’t find Cool Stuff, as seen in the screenshot below.

    img

    Jun

    #115291

    Herman
    Participant

    HI Jun

    I am attaching a screen shot from Firefox that show the problem I am having. Maybe that will Show bit better and the problem is not on 755x822px but between a width of 755px to a width of 822PX

    Screen shot full page 822px width

    #115538

    Ben Carlo
    Keymaster

    Hey Herman,

    This is actually caused by the custom CSS below you’ve added.

    @media only screen and (max-width: 839px) {
    #cfcs .fl-callout-content {
        display: table-cell;
        width: 252px;
      }
    }

    This forces the Callout content to be 252px wide, leaving no space for the icon.

    Ben

Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘Beaver Builder Plugin’ is closed to new topics and replies.