Mobile Them Social Link Removal

  • Hello all I have no social links as there isn’t much we can write on social networks page being a scaffolding company that mainly focuses on commercial clients.

    That said when I visit the mobile version it seems to show a menu bar to the right and a huge white space on the left (I can only assume this space is for social links ect)

    My question to you:

    Is there a way I can remove the social networking space and have just the word “Menu” written in there or something along those lines? or even just have the menu icon?

    My Website is: https://www.mthscaffolding.co.uk

Viewing 7 replies - 1 through 7 (of 7 total)

  • You can remove the background of the menu bar completely with

    /* Get rid of navbar/menu border and background */
.navbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background:none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    If you want this to apply only to the collapsed version, then include it in the responsive code thus:

    @media (max-width: 767px) {
  /* Get rid of navbar/menu border and background */
  .navbar .navbar-inner {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background:none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }
}

    If you want the word menu instead of the 3 bars, then edit class-header-menu.php and change:
    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
    to
    Menu ?

    Should add: all in a child theme, of course…

    Thread Starter MTHScaff

    (@mthscaff)

    Thank You ElectricFeet I don’t suppose you know how I would go about getting that Menu ? centered?

    Really appreciate your assistance.

    .navbar .btn-navbar {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

    seems to work

    Sorry to appear thick but all new to this…
    To get the 3 bars to change to Menu ?, what do I put in the style sheet?

    Is it this?

    <span class=”Menu ?”></span><span class=”Menu ?”></span><span class=”Menu ?”></span>

    Thread Starter MTHScaff

    (@mthscaff)

    Cheers ElectricFeet that worked wonders!

    @gscohier

    Edit: class-header-menu.php

    Change: <span class=”icon-bar”></span>
    <span class=”icon-bar”></span>
    <span class=”icon-bar”></span>

    To:

    Menu ?

    @gscohier I should perhaps have described it better. You simplyreplace all three <span ....>s with Menu ?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Mobile Them Social Link Removal’ is closed to new replies.