Support » Themes and Templates » Pull tab looking object in upper-right

  • Resolved LeslieKB

    (@lesliekb)


    There is an object near the upper-right corner of my new website that looks like a pull tab or small ribbon. When users click it, it brings up a WordPress menu: Pages, Archives, Categories, WordPress. How do I get rid of this thing? My site (temporarily) is dev.myworkingwords.com.

Viewing 5 replies - 1 through 5 (of 5 total)
  • If you are comfortable making changes to template files, you could remove everything in the header.php file between

    <div class="full-width-container top-header" style="display: block;">
    	<div class="container">
    	<div class="container-fluid">
      	<div class="row-fluid">
    
    // There will be more code in here
    
            </div><!-- row fluid -->
    	</div><!-- .container fluid -->
            </div><!-- container -->
    </div>

    or you could add display: none; to the .tag-container in the style.css file, eg

    .tag-container {
        display: none;
        overflow: visible;
        position: relative;
        width: 100%;
    }

    Please make sure you make any changes to the theme via a child theme or custom css editor, best not to hack the current themes files.

    Thank you. So I guess the object is the theme’s collapsible nav bar. I’m not really comfortable or experienced with editing code, so I’m not sure exactly which lines I should delete–specifically these?

    <div class=”full-width-container top-header”>
    <div class=”container”>
    <div class=”container-fluid”>
    <div class=”row-fluid”>

    // AND

    </div><!– row fluid –>
    </div><!– .container fluid –>
    </div><!– container –>
    </div><!– full width container –>

    <div class=”container”>
    <div class=”tag-container”>
    <div id=”hidden_header_tag”>

    Do I have this right?

    Thanks again.

    Sorry I didn’t word my response that well after rereading. If you are not comfortable editing code, don’t delete code from the template file, go with the second and edit the style.css file, add display: none; so it looks like the below.

    .tag-container {
        display: none;
        overflow: visible;
        position: relative;
        width: 100%;
    }

    It worked!! Amazing. Thank you so much!

    =)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Pull tab looking object in upper-right’ is closed to new replies.