Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 24, 2015 at 8:58 pm #508696
    Sladestyle

    Hi,

    I have a color section set to “no minimum height, use content….” and inside this is a Special Heading and Partner Logo/Element.

    All looks good until you view it on a phone or reduce the browser window to the width of a phone then the Partner Logos extend down into the next Color section.

    Here is the example: here The second section down where it has “The World’s Largest Bank….” and then the horizontal list of Partner logos below. If you either view this on a phone or reduce your browser window the logos will then stack and move into the section below it.

    Any ideas?

    Thanks

    September 25, 2015 at 5:30 pm #509192
    Elliott

    Hey Slade!

    The logos are stacking fine on my end. They are not moving into the next section. Can you take a screenshot of what your seeing?

    Cheers!
    Elliott

    September 25, 2015 at 8:05 pm #509262
    Sladestyle

    Hi Elliot!

    Here you go (both from the desktop and iPhone). You can see the Partner logos flowing into the section below it..

    September 26, 2015 at 9:05 am #509418
    Ismael

    Hey!

    Good job on the site. :)

    You have this css code which breaks the logo element on mobile:

    .partner-logos {
    max-height: 240px !important;
}

    Try to use css media query for that.

    Best regards,
    Ismael

    September 26, 2015 at 11:06 pm #509586
    Sladestyle

    Thanks Ismael!

    Yep…that was it. Thanks again.

    September 28, 2015 at 5:46 am #509795
    Rikard

    Hi,

    Glad we could help :-)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Color Section not adjusting to content on responsive’ is closed to new replies.