WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Pull tab looking object in upper-right (6 posts)

  1. LeslieKB
    Member
    Posted 1 year ago #

    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.

  2. Brad Davis
    Member
    Posted 1 year ago #

    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.

  3. LeslieKB
    Member
    Posted 1 year ago #

    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.

  4. Brad Davis
    Member
    Posted 1 year ago #

    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%;
    }
  5. LeslieKB
    Member
    Posted 1 year ago #

    It worked!! Amazing. Thank you so much!

  6. Brad Davis
    Member
    Posted 1 year ago #

    =)

Topic Closed

This topic has been closed to new replies.

About this Topic