Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 7, 2017 at 9:51 pm #886231
    KingFilly

    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.

    December 7, 2017 at 11:46 pm #886268
    Jordan Shannon

    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

    December 8, 2017 at 12:11 am #886293
    Yigit

    Hi!

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

    Best regards,
    Yigit

    December 8, 2017 at 12:30 am #886300
    KingFilly

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

    December 8, 2017 at 1:07 am #886316
    KingFilly

    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 7 years ago by KingFilly.
    December 8, 2017 at 1:09 am #886318
    KingFilly

    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 7 years ago by KingFilly.
    December 8, 2017 at 11:00 am #886410
    Victoria

    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

    December 8, 2017 at 2:42 pm #886494
    KingFilly

    Hi Victoria,

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

    December 8, 2017 at 5:28 pm #886551
    KingFilly

    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

    December 8, 2017 at 10:03 pm #886645
    KingFilly

    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?

    December 9, 2017 at 12:04 am #886672
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    December 9, 2017 at 8:49 am #886740
    KingFilly

    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.

    December 9, 2017 at 10:17 am #886748
    Mike

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

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Overlapping Element on Slider’ is closed to new replies.