Remove top menu in mobile view

  • Author
    Posts
  • #101987

    brookscommguildford
    Member
    Original poster

    Hey Taras,

    For our top menu I’m displaying our phone number and email address. When in mobile view this appears as a menu. Is there a way to make the menu in mobile view not visible, whilst retaining visibility of the phone number and email address?

    If this isn’t possible, could you let me know the CSS code to remove the view of the top menu in mobile?

    Thanks,

    Michael

    The blog I need help with is: brookscomm.com

    #102082

    brookscommguildford
    Member
    Original poster

    I don’t mind switching off the Social Media icons in mobile view if that helps.

    #102093

    tarasdashkevych
    Theme Author

    Hello Michael,

    Please try this custom css to display phone number and email address in mobile views:

    @media only screen and (max-width: 992px) {
      #masthead .top-bar .mobile-menu {
         display: none;
      }
    
      #masthead .top-bar .nav-bar {
         display: block;
      }
    }

    Best,
    Taras

    #102110

    brookscommguildford
    Member
    Original poster

    Hi Taras,

    Thanks for the reply, but that’s not quite worked. The top bar menu is still displaying in mobile view. And where the phone number is shown in mobile view, the dividing line that seperates it from the web address is visible.

    Thanks,

    Michael

    #102126

    tarasdashkevych
    Theme Author

    Michael,

    Please replace #masthead .top-bar .mobile-menu with #page #masthead .top-bar .mobile-menu in the custom css that was posted above.

    “And where the phone number is shown in mobile view, the dividing line that seperates it from the web address is visible.”
    – if you want to remove that line, please add this custom css:

    @media only screen and (max-width: 992px) {
      #topbar-navigation li {
         border: none;
      }
    }

    Please let me know if this css works for you.

    Thank you,
    Taras

    #102137

    brookscommguildford
    Member
    Original poster

    Thanks Taras, that works a treat!

    #102158

    tarasdashkevych
    Theme Author

    Glad it works :)
    You are welcome!

The topic ‘Remove top menu in mobile view’ is closed to new replies.