Navigation
Archive / feature box icon overlap on topbar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 18, 2017 at 4:30 pm #1335751
    initialyze
    Participant

    Hello,

    I’m using feature box on my site’s contact-us page. Somehow its overlap on topbar as you can see in attached screenshot.
    To fix that I’ve added following style property:
    z-index: -1;

    It has solved my issue but after link text are not working.

    URL : http://www2.initialyze.com/contact-us/

    Can someone please help me with this issue ??

    Thanks

    January 18, 2017 at 9:13 pm #1336125
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Please remove the z-index: -1; you applied on the feature box element and add this on your custom CSS instead.

    header.masthead {z-index: 3 !important;}

    Hope it helps, Cheers!

    January 18, 2017 at 11:19 pm #1336209
    initialyze
    Participant

    Thanks. It worked.

    I noticed other same kind of issue which is I enabled “prev-next” on slider component and it overlaps on topbar.

    Please find attached screenshot.

    January 18, 2017 at 11:22 pm #1336213
    initialyze
    Participant
    This reply has been marked as private.
    January 19, 2017 at 1:10 am #1336291
    Rupok
    Member

    Hi there,

    Thanks for writing back. Let’s update the code to following :

    header.masthead {
  z-index: 9999!important;
}

    Cheers!

    January 19, 2017 at 10:33 am #1336817
    initialyze
    Participant

    Thank you so much. It worked and solved all issues.

    January 19, 2017 at 11:22 am #1336898
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1335751 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>