Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 13, 2017 at 3:30 pm #777338
    navindesigns

    Hi,

    On my page – http://www.alphareitinc.com/portfolio-item/cabinet-shop-lofts/

    I have a color section below the main image at the top with 3 columns (Asset Type : MultiFamily, 436 S. Front Street Memphis, TN 38103 and View Map)

    It looks great on desktop but on mobile I need the height to be shorter with less space between the three stacked items

    • This topic was modified 7 years, 8 months ago by navindesigns.
    April 13, 2017 at 9:41 pm #777547
    navindesigns

    I am trying this shortcode but it not helping

    @media only screen and (min-width: 768px) {
    #top #address .flex_column{
    margin-bottom: 0!important;
    }}

    April 14, 2017 at 6:38 am #777656
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
#address .flex_column {
  margin-bottom:0 !important;
}
}

    Best regards,
    Rikard

    • This reply was modified 7 years, 8 months ago by Rikard.
    April 14, 2017 at 4:05 pm #777862
    navindesigns

    That works thanks.

    How do I left aligned the “VIEW MAP” button only on mobile?

    Cabinet Shop Lofts

    April 16, 2017 at 6:34 am #778378
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
#address .avia-button-right {
  float:left !important;
}
}

    Best regards,
    Rikard

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