Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1349566
    Kedders
    Participant

    Hi Guys,

    I really love this theme, very easy to use and attractive!

    Just one thing, my navigation seems to be fine on desktop but on my mobile site I have both the text navigation AND the mobile button showing.

    I’d like to keep the mobile button and remove the text, how can I do this?

    Site link: socialmnexus.com

    Thanks 🙂

    #1349619
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media only screen and (max-width: 979px) {
    .masthead-inline .x-btn-navbar {
      display: none;
    }
    }

    Hope this helps.

    Cheers!

    #1350090
    Kedders
    Participant

    Hi Rupok,

    Thanks for your response – not quite fixed though.

    So this solution has removed the button but kept the text, I want to KEEP the button but REMOVE the text.

    I’d like the button to be centered as well – how can i do this?

    Thanks

    #1350251
    Rupok
    Member

    Hi there,

    Sorry for the confusion. Let’s take off the suggested code and the issue is causing by some of your code :

    body .x-nav-wrap.desktop {
        float: left;
        display: block;
        width: 100%;
    }

    Kindly remove this to get expected result. When you add any custom code to your site, make sure you know what you are doing to avoid potential conflicts.

    And use this to make the button centered :

    .masthead-inline .x-btn-navbar {
        display: block;
        margin: 15px auto;
        float: none;
        width: 56px;
    }

    Hope this makes sense.

    Cheers!

    #1350345
    Kedders
    Participant

    Hi Rupok,

    Thanks for your help – all sorted now.

    Although I did have to amend the code to:

    .masthead-inline .x-btn-navbar {
    display: auto;
    margin: 15px auto;
    float: none;
    width: 56px;
    }

    Otherwise the mobile button was fixed on the desktop render as well.

    Thanks for your help! Great service!

    #1350349
    Lely
    Moderator

    Glad everything is now sorted out!

    Cheers!

    #1351538
    Kedders
    Participant

    Hi Guys,

    Sorry to be a nightmare but I have noticed a separate issue with my site.

    It’s the mobile site that seems to be having this issue – a php error is showing at the top of the screen.

    (see screenshot).

    How can I remove this?

    Thanks

    socialmnexus.com

    #1351697
    Kedders
    Participant
    #1351899
    Paul R
    Moderator

    Thanks for letting us know. We’ll go ahead and close this thread.

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