none
Is there a way to move the Site Setting Button (sprocket) down next to the search? RRS feed

  • Question

  • I've been asked to create a very customized masterpage, but I can not seem to get this figured out and it is moving the Site Setting  (Sprocket) down near the Search .

    I want to move it like how the picture is below:

    Is there a way to do this:



    • Edited by cowboy2066 Tuesday, February 7, 2017 11:56 PM
    Tuesday, February 7, 2017 11:56 PM

All replies

  • Hi,

    We can use jQuery to achieve it.

    <script src="https://code.jquery.com/jquery-3.1.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
    	if($("#SearchBox").html()!=""){
    		$("#SearchBox").append($("#siteactiontd").html());
    		$("#suiteBarButtons #siteactiontd").remove();
    	}	
    });
    </script>

    Best Regards,

    Dennis


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    Wednesday, February 8, 2017 1:40 AM
    Moderator
  • Dennis

    this worked great, except the sprocket is now under the search.



    how I move it to the right of the red Search button?



    • Edited by cowboy2066 Wednesday, February 8, 2017 2:37 PM
    Wednesday, February 8, 2017 2:37 PM
  • Hi,

    Please adjust the width of the ms-mpSearchBox class.

    <style>
    .ms-mpSearchBox{
    	width:300px !important;
    }
    </style>

    Best Regards,

    Dennis


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    Thursday, February 9, 2017 1:25 AM
    Moderator
  • Hi,

    Any update?

    You can check the UI CSS using IE F12 developer tools.

    If width 300px of ms-mpSearchBox can't meet you, please increase the width.

    Best Regards,

    Dennis


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    Monday, February 13, 2017 6:31 AM
    Moderator