Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #971417

    On my website all of the pages use the colour section (from the layout element options)

    I have background images set as all of the colour sections but I can’t figure out how to ensure that the images are displayed at full size in mobile and desktop.

    The images are all 1500px by 300px and I have the minimum height set to 300px so the images will display full size on desktop and laptop view but when I view on mobile the images are all cropped (still 300px high though)

    I can see any where to set the images to show at 100% height it only has a custom height in pixels options in the settings.

    Any help would be much appreciated!

    #971420

    Hey B,
    Add this to quick css:

    Add this to quick css:
    @media only screen and (max-width: 767px)  {
    #banner-section .container{
    height:inherit!important;
    }}

    Best regards,
    Jordan Shannon

    #971425
    This reply has been marked as private.
    #971458

    Hi,

    The css should be added to the quick css section under Enfold > General Styling

    Best regards,
    Jordan Shannon

    #971460
    This reply has been marked as private.
    #971464

    Hi,

    Yes.

    Best regards,
    Jordan Shannon

    #971471

    Thank you that worked perfectly

    #971876

    Hi,

    No problem at all my friend, happy to help. If you need anyting else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘Colour section – how to set a background image to 100% height’ is closed to new replies.