Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 15, 2019 at 1:54 pm #1166072
    wyzyncom

    Hi there,

    I made a color section and divided it into 4 elements of 1/4. The two center elements contain a special header (left) and a text block (right). The two outer elements are empty.

    On a big desktop screen, everything looks like it should, but as I start reducing the screen size, the text block element starts to behave strangely at certain points. At screen resolutions between appr. 764 and 990 px (tablet-sizes) the 3rd element shifts all the way to the left side of the screen, and is positioned behind the menu bar at the left side.

    Another responsiveness problem: at medium desktop / laptop screen sizes, the second element (special header) is partly positioned under the menu bar.

    I’ve attached some screenshots to show you what the issue is.

    I would like the elements to behave differently. Let’s say that the second and third element should be placed centered and below each other up from a screen size of around 1024 px and lower. Could you please tell me how to solve this? Thanks!

    Michiel

    • This topic was modified 5 years ago by wyzyncom.
    December 17, 2019 at 6:51 pm #1166938
    wyzyncom

    Hi there… I’m kind of waiting for a respons. :)
    Thank you!
    Michiel

    • This reply was modified 5 years ago by wyzyncom.
    December 18, 2019 at 12:40 am #1167053
    Ismael

    Hi,

    Thank you for the inquiry.

    It doesn’t respond properly because of the following css modification.

    #main {
    margin-left: 0px !important;
}

    If you want the first color section containing the video to go under the transparent header, use this css code instead.

    #av_section_1 {
	width: calc(100% + 300px);
	margin-left: -300px;
}

    You may want to replace the default selector #av_section_1 with the color section’s unique ID.

    Best regards,
    Ismael

    December 18, 2019 at 4:04 pm #1167336
    wyzyncom

    Hi Ismael,

    Thanks very much for your respons! It worked well. I also applied it with other sections that needed to be behind the menu sidebar. Is it an idea to build this option in the Enfold settings?

    Kind regards,
    Michiel

    December 19, 2019 at 8:33 am #1167647
    Ismael

    Hey!

    Glad it works. We don’t really see a lot of sites with this kind of format or design, so this is probably one of those special cases where you have to include these kind of modifications. It’s not really necessary to have it as a built-in option.

    Cheers!
    Ismael

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