Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 11, 2018 at 10:57 pm #971417
    B

    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!

    June 11, 2018 at 11:25 pm #971420
    Jordan Shannon

    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

    June 11, 2018 at 11:31 pm #971425
    B
    This reply has been marked as private.
    June 12, 2018 at 12:45 am #971458
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    June 12, 2018 at 12:51 am #971460
    B
    This reply has been marked as private.
    June 12, 2018 at 1:12 am #971464
    Jordan Shannon

    Hi,

    Yes.

    Best regards,
    Jordan Shannon

    June 12, 2018 at 1:53 am #971471
    B

    Thank you that worked perfectly

    June 12, 2018 at 9:38 pm #971876
    Jordan Shannon

    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

  • Author
    Posts
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.