Navigation
Archive / center superfly menu on mobile and add content to orange bar for conversions
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 5, 2017 at 5:54 am #1394986
    ahurlburt53
    Participant

    website

    Home


    screen shot
    http://i.imgur.com/FG6ZEOo.jpg

    for example add this button Free Estimate

    March 5, 2017 at 8:05 am #1395059
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .sfm-navicon-button {
    left: calc(50% + 70px) !important;
}

    Hope it helps 🙂

    March 5, 2017 at 8:32 am #1395082
    ahurlburt53
    Participant

    Ok, I was wondering as well to add text to menu perhaps adding a button

    March 5, 2017 at 11:17 am #1395197
    Rupok
    Member

    Hi there,

    Do you want to add the text with the menu icon? Can you clarify a bit?

    Thanks!

    March 6, 2017 at 12:15 pm #1396574
    ahurlburt53
    Participant

    Yes please. Maybe add text right below the menu icon. TYTYTY

    March 6, 2017 at 4:29 pm #1396882
    Nabeel A
    Moderator

    Hi again,

    You can try adding the following code in your Customizer:

    @media screen and (max-width: 782px) {
#sfm-mob-navbar .sfm-navicon-button {
    padding: 20px 24px !important;
}
}
.sfm-navicon-button:before {
    content: "Menu";
    position: absolute;
    top: 32px;
    left: 0px;
    color: white;
    font-size: 18px;
}

    Let us know how this goes!

    March 7, 2017 at 2:19 am #1397358
    ahurlburt53
    Participant

    wow, ttyytty it works

    March 7, 2017 at 4:57 am #1397531
    Thai
    Moderator

    If you need anything else please let us know.

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