New Landing How can we help? Themeforest Theme Support Joyn Not sure what's happening here.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Joyn
  • #240549
    barefootMarc
    Member
    Post count: 174

    This black row is appearing under my top row. I have given the row a negative margin and zindex of 9999. The idea is to float the tabs over the main image.

    I’ve provided an image to show you what i’m talking about.

    Attachments:
    You must be logged in to view attached files.
    #240551
    barefootMarc
    Member
    Post count: 174

    IU trioed changing the bg of the tabs row to red to see where it’s being displayed, and it’s following the css correctly. If i delete this red row, the black bar disappears

    Attachments:
    You must be logged in to view attached files.
    #240553
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Can you add a class to the Row that the tabs reside in, this is certainly fairly tricky.

    You could test this:

    .custom-class-name section.row.fw-row {
        margin-top: -70px;
    }

    Thanks.

    #240554
    barefootMarc
    Member
    Post count: 174

    .location_tile{
    top:-150px;
    z-index:9999;

    }

    .location_tile section.row.fw-row {
    margin-top: -70px;
    }

    #240557
    David Martin – Support
    Moderator
    Post count: 20834

    Could you elaborate on the above?

    Is that you’re working CSS or something you are trying to get working?

    THanks.

    #240558
    barefootMarc
    Member
    Post count: 174

    It works, but for some reason its leaving a space where the row would have been had I not modded it with the following:
    .location_tile{
    top:-150px;
    z-index:9999;

    }

    #240560
    David Martin – Support
    Moderator
    Post count: 20834

    You could test using the nth-of-type CSS property to count the rows, then target your desired row and then shift it up.

    Ex:

    .content-wrap section.row.fw-row:nth-of-type(3n) {
        margin-top: -70px;
    }

    Thanks.

    #240564
    barefootMarc
    Member
    Post count: 174

    If i change the height of the window browser it disappears no problem. See the image.
    So the code is correct, but something is causing a bug.

    -M

    Attachments:
    You must be logged in to view attached files.
    #240577
    barefootMarc
    Member
    Post count: 174

    fixed it. Got rid of the row all together. wedged a text block beneath the row.

    -M

    Attachments:
    You must be logged in to view attached files.
    #240580
    David Martin – Support
    Moderator
    Post count: 20834

    Nice, glad you were able to get your desired output!

    Cheers,
    David.

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register