Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 7, 2021 at 2:36 pm #1331858
    alliansohog

    Hello!
    I want the content from a 1/1 layoutmodul to cover the hole mobil screen. It works if i duplicate the conent to a singe grid row modul, but i´m wondering if the 1/1 layoutmodul can this to on smaller displays.
    As you see in this screenshot the yellow background color is showing which is not wanted in this case.
    https://1drv.ms/u/s!AgR-Im5lamBEgVtoULYn1HpxOPJQ?e=zcWGXW
    Thanks you
    Andreas

    December 8, 2021 at 2:37 am #1331901
    Ismael

    Hey alliansohog,

    Thank you for the inquiry.

    You can use this css code to remove the background of the section on mobile view.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .avia-section.av-ugxhum-d283eee3c266c71d0bf0c9b930190a32 {
    background-color: transparent;
  }
}

    And if you want to increase the width of the main container, insert this css.

    .responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
}

    Best regards,
    Ismael

    December 9, 2021 at 3:54 pm #1332159
    alliansohog

    Thank you for your help! That worked.

    • This reply was modified 2 years, 11 months ago by alliansohog.
    December 10, 2021 at 5:49 am #1332223
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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