Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #886231

    Hi Moderators,

    I would like to create a situation where an text element partly overlaps a slider.
    I added a link in the private content area to the design i would like to build.

    I thought about a solution adding a color section underneath the slider and then let the elements float half over the slider.
    But i don’t know the custom css for it.

    I hope you guys can help me any further with this.

    #886268

    Hey KingFilly,

    This should be possible with the css z-index property. Please provide a link to the live ot staged page in question.

    Best regards,
    Jordan Shannon

    #886293

    Hi!

    Please edit column element below your slider and give it a negative top margin to have it overlap the slider :)

    Best regards,
    Yigit

    #886300

    Sounds like a plan :) I will try to do this. Thanks Yigit!

    #886316

    Hi Yigit,

    Works like a charm… I used this code to overlap the slider:

    .textimage {
    margin-top:-120px;
    }

    but how can i move it a bit more to the left?
    As you can see i also tried to add the second column with grey background in. It already has the right height, but i would like to outline the grey area with the slider.

    Same as on the image. (imgur link in private content)

    • This reply was modified 4 days, 10 hours ago by  KingFilly.
    #886318

    Oh, and when i make my screen smaller the text over laps the element.. doesn’t look pretty. Is there a piece of code to fix this?

    • This reply was modified 4 days, 10 hours ago by  KingFilly.
    #886410

    Hi KingFilly!

    I was about to have a look, but somebody else is working on the page. Please, let us know when we can check.

    Cheers!
    Victoria

    #886494

    Hi Victoria,

    I’ve created a new temporary login. see link in private content.

    #886551

    Hi VIctoria,

    When you are going to take a look at the website, can you also check why the Mobile Menu is not appearing at <1160px
    I made sure the main menu disappears at this size, but the Mobile Menu doesn’t appear.

    thanks in advance

    #886645

    i got the elements / columns width / outlining fixed !! Now i only need a solution for this:

    The Mobile Menu is not appearing at <1160px
    I made sure the main menu disappears at this size, but the Mobile Menu doesn’t appear.

    Any help?

    #886672

    Hi,

    I’m currently able to view the mobile menu. Were you able to get this corrected?

    Best regards,
    Jordan Shannon

    #886740

    Hi Jordan,

    yes i got it fixed. I replace a peace of code with this:

    @media only screen and (max-width: 1160px) {
    .av-main-nav > li.menu-item-avia-special {
    display: block;
    }
    .av-main-nav > li.menu-item {
    display: none;
    }}

    And it worked :)

    I have one other thread open for the same website. Can you check it please?m
    You can close this thread now.

    #886748

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Overlapping Element on Slider’ is closed to new replies.