Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1166072

    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 4 years, 3 months ago by wyzyncom.
    #1166938

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

    • This reply was modified 4 years, 3 months ago by wyzyncom.
    #1167053

    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

    #1167336

    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

    #1167647

    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

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