Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1315938
    Teranox
    Participant

    Hi,

    I’m using Superfly menu on my website and i’ve found a little but that is really ugly.

    http://dev.boulonsplus.net/

    Using the copyrights content area in superfly settings, i’ve added email, fax and phone number (3 lines)

    On mobile (only) when I click to open menu tab (try structural products) the tab open but the copyright area get over it so it look really ugly.

    Wasn’t it suposed to get under the menu layers? so it would totally cover and hide this area or at least expand the menu by the bottom so this area would remain visible and not get hidden?

    A little help would really be appreciated 🙂

    #1316045
    Rupok
    Member

    Hi there,

    Thanks for writing in! I see what you are referring and I admit it looks a bit weird. It seems they have set higher z-index for the copyright section and I guess they have some motive behind this. I can help you to fix this for you with some CSS. You can add this under Custom > CSS in the Customizer.

    #sfm-sidebar .sfm-copy {
      z-index: 998;
    }

    Cheers!

    #1316324
    Teranox
    Participant

    Seems to work as menu goes over it right now but as there is no “white background” on the tabs “A propos” and “nous écrire”. it’s text on transparent background.

    I don’t know what I could edit to add a white background to them si it would go over it and hide the copyright content area when over it instead of seing text on text.

    #1316869
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! Could you please provide us a screenshot or mock layout of what do you want it to look like in smaller screens so that we will have and idea of how we can resolve the issue. By the way, I noticed that as you click on the menu items on smaller devices, the menu item overlaps with the copyright which is not good to look at. I would recommend that you add this custom css instead so that the overlapping will be prevented. please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    @media(max-width: 767px){
      #sfm-sidebar .sfm-copy {
        margin-top: 100px;
        position: relative;
      }
    }

    Hope this helps.

    #1322883
    Teranox
    Participant

    In fact what you did just solved what I wanted. Thanks a lot 🙂

    #1323066
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

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