Header chopping off unit title and button

[sriadmin]

Hi, the title of my units and the 'Back to Courses' button is being chopped off by my header (see attached screenshot). How do I fix it? I am using a child theme and all plugins are up to date. I have padding in my header which is effecting the positioning of unit title. Here is my custom css... /* hiding course ratings */ #buddypress div#item-header div#item-meta, #course-list .item-meta .star-rating{ display:none; }   /* hiding member lists */ div#groupbutton-6 { display:none;}   /* hiding reviews */ .course_reviews{display:none;}   /*hiding single course admin */ .single-course #item-admins{display:none;}   /* hiding ratings */ .block.courseitem .block_content .star-rating{ display:none; }   /* hiding ratings */ .block.courseitem.course2 .block_content .star-rating{ display:none; }   /* hiding breadcrumb */ .breadcrumbs{display:none;}   /* hiding course price */ div#itemprop .price{ display:none; }   /* hiding lessons subtitle */ .course_lesson h6 a span{ display:none; }   /* hiding course details in widget */ .widget .course_details > ul > li:first-child>strong { display:none; }   /* hiding credits */ .item-credits, .item-credits a { display:none; }   /* hiding ratings */ .block.courseitem .block_content .star-rating+strong, .block.courseitem .block_content .star-rating+a, .block.courseitem .instructor_course+strong, .block.courseitem .instructor_course+a { display:none; }   /* hiding wallet icon */ .course_details li i.icon-wallet-money{display:none;}   /* hiding course list */ #course-list .item-meta{display:none;}   /* hiding buddypress lists */ #buddypress div.item-list-tabs ul li.last select{display:none;}   /* hiding buddypress photos */ .course_instructor, #buddypress ul.item-list li .item-instructor img.avatar, .instructor_course .instructor_meta{display:none;}   /* hiding buddypress lists */ #unit.page_title .instructor, .unit_title .instructor span, .unit_title .instructor img {display:none;}   /* hiding buddypress messaging */ .review_title, #buddypress .review_title+div#message{display:none;}   /* footer top margin */ footer { margin-top:0px;}   /* footer font colour */ #footerbottom, .boxed #footerbottom .container{ color:#ffffff;}   /* hide footer logo */ #footerlogo{ display: none !important;}     /* hiding review */ input[name=review_course] { display:none;}   /* hiding review button */ button[name=review_course] { display:none;}   /* hiding forums */ li#forums-personal-li { display:none;}   /* hiding buddypress groups */ li#groups-personal-li { display:none;}   /* hiding login name edit */ #vibe_bp_login li#username+li>a { display: none;}   /* hiding login name edit */ #vibe_bp_login li#groups+li>a { display:none;}   /* hiding login name edit */ #vibe_bp_login li#settings+li>a { display:none;}   /* hiding reply to message */ .reply a, .link, .ahref { display:none;}   /* hiding buddypress groups */ #buddypress div.generic-button a.leave-group {display:none;}   #groupbutton-3, #groupbutton-6{ display:none;}   /* transparent header */ header.fix { background: #ffffff !important; }   header.fix.fixed { background: #ffffff !important; }   /* parallax header transparent */ header.fix.fixed { background: #ffffff !important;}   /* Prevent creation of new unit in course front end creation */ .new_unit .add_cpt .col-md-6:nth-child(2) {display:none;}   /* Prevent creation of new quiz in course front end creation */ .new_quiz .add_cpt .col-md-6:nth-child(2) {display:none;}   /* Widening unit and quiz search box in front end course creation */ .select2-container .select2-selection--single .select2-selection__rendered {width:190px;}   /* Hiding bulk actions for Extend Sub and Change Course status in course admin */     /* To hide Create New Group and Create New Forum in front end course creation tab */ div#course_components ul.course_components div#change_group div:nth-child(2),div#course_components ul.course_components div#change_forum div:nth-child(2) { display:none; }     /* top right name link */ .topmenu li a { color: #000000 !important;} /*FEB FIXES */ /*hide ratings and students on course page */ .single-course #item-header #item-meta { display: none; } /*hide ratings etc on courses page */ #course-list li .item-meta { display: none;} /*Hide FREE box */ .course_curriculum .course_lesson span.free {display:none;} /hide clock and time on units/ span.time { display: none!important; } /hide activity tab on course menu/ li#activity { display: none !important; } /hide activity on personal menu/ li#activity-personal-li { display: none; } /hide email and profile tabs under settings/ li#notifications-personal-li { display: none !important; }   /hide Groups option in user dropdown/ li#groups-personal-li { display:none; !important;}   /*Hide Events in course menu */ li#events { display: none !important; } /* Hide forum message under videos*/ .unitforum { display: none !important; } /Hide dropdown details on videos/ .cvm-playlist-wrap { display: none !important; }   /remove white line above slider/ section.stripe .v_column { margin-bottom: -5px; } /* change color of unit links*/ a.unit { color: #ffffff !important; } /* hide tags on modules or units */ ul.tags { display: none !important; } /* change text colour of fields on wp-login*/ body.login.login-action-login.wp-core-ui {background:#fff; !important}   /*Hide profile tab within settings under user name menu */ li#profile-personal-li { display: none !important; } /* Prevent user from editing profile*/ a#edit { display: none !important; } /* Hide video description within video content */ .main_unit_content.unit_class p { display: none;} /*Mark unit complete text colour white */ a#mark-complete { color: #fff; } /Submissions tab headings a links/ li.active a { color: #ffffff !important; } /hide group tab on course intro page/ li#group { display: none !important; }   /*hide number of days on course admin for students */ ul.course_students span { display: none !important; } /*Align top menu with research word in logo */ #logo img { padding-top: 6px !important;}   /* Copyright text - remove text transform to uppercase */ .col-md-12 p { text-transform: none !important; } /* hide quiz time remaining and print button*/ a.print_unit { display: none !important; } div#unit span { display: none; } /color of check results link on quiz results/ a.unit_button.quiz_results_popup { color: #ffffff; } /*change background colour of login fields on wp-login page */ body.login.login-action-login.wp-core-ui input#user_login,body.login.login-action-login.wp-core-ui input#user_pass { background:#fff; }   /* hide settings cog in user top right menu dropdown*/ i.icon-settings-1 { display: none !important; } /hide course category on first tab of front end course creation screen/ ul#course-cat { display: none; } li.vibe_course-cat { display: none !important; } /hide blue create course button on course directory/ a.button.create-group-button.full { display: none !important; }   /hide edit tab on course intro page/ li#edit { display: none !important; } /hide FREE or PRIVATE label under courses when course directory viewed in Gallery layout/ .item-credits { display: none !important; }  

[Skywalker [ ex VibeThemes]]

add this css .course_header{ margin-top:70px !important; }

[sriadmin]

Unfortunately it didn't work. The 'chopping off' the title and the button specifically happens when clicking on a unit from within the curriculum tab. Can you provide CSS for adding header margin for units within curriculum, or as a workaround, css to hide the curriculum tab for instructors and students? Thanks.

[Skywalker [ ex VibeThemes]]

Fixed it. Rejoice.

[Author]

Posts