Viewing 5 posts - 31 through 35 (of 35 total)
  • Author
    Posts
  • #1348237

    ok – now i see the pages . There are elements in it.
    to have a color-section with background-image responsive you had to determine the height in that aspect-ratio of the bg image.
    for your page (free-session) i would insert the 1500px x 430px image format – and set the background-image to cover.

    Then for your page: free-session

    #top.page-id-9607 #av_section_1 {
      height: 28.66vw; /***  100x(430px:1500px)  ***/
      min-height: 350px;
      background-size: cover !important; /*** but you can do that on alb settings ***/
    }

    The min-height rule is to have enough height on small screens to fully surround the content

    Same on your home page – let the image be full and set background-size to cover

    #top.page-id-143 #av_section_3 {
      height: 26.04vw; /***  100x(500px:1920px)  ***/
      min-height: 500px;
      background-size: cover !important; /*** but you can do that on alb settings ***/
    }
    #1349621

    Hi Mike,
    I keep having problems with the page.
    I have inserted the “Full_width_tab_section” class for the full-screen sections but they are not displaying at full screen.
    The live page is “Who we are
    Could you please look at it?
    Thanks for the continued support,
    Manuela

    #1349683

    Hi,
    This is because full_width_tab_section was not a class but an ID and it was not to be used in the inner column but the tab section.
    I have created this for you, please check.

    Best regards,
    Mike

    #1349707

    Oh yes.
    Thank you very much Mike.
    Everything is working now. we can close the thread.

    #1349736

    Hi famarinu,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 5 posts - 31 through 35 (of 35 total)
  • The topic ‘section full width’ is closed to new replies.