Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 2, 2024 at 2:20 am #1438944
    Renard

    Hi, Is there a way to reduce the height of the header color section with an image background? When viewed on mobile, the section has too much space and the devices image seems to float. We’d like to achieve the desktop view effect in smaller devices too if possible. Site link is in private content.

    April 2, 2024 at 8:34 am #1438963
    Ismael

    Hey Renard,

    Thank you for the inquiry.

    You can add this css code to decrease the height of the color section and adjust the position of the floating image:

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .flex_column.av-lu0i0x4l-8e878727dd70b1d7d7004e10aa47c98c {
    margin-top: -180px;
    margin-bottom: -50px;
  }

  .responsive #top.page-id-261 #av_section_1 {
    height: 400px;
  }
}

    Best regards,
    Ismael

    April 4, 2024 at 4:11 am #1439139
    Renard

    Hi, thanks for the help. It worked perfectly now.

    April 4, 2024 at 7:25 am #1439156
    Ismael

    Hi,

    No problem! Glad it worked. Please feel free to open another thread should you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Reduce height of color section in mobile (EnfoldApp)’ is closed to new replies.