Single Job Page Title Overlapping with the Websites Header

  • Resolved gregv95

    (@gregv95)


    6 years, 5 months ago

    Trying to set up SJB, and when I set up a test job listing, the job’s title/date/info overlaps with the site header/menu. I’m not super advanced with html/php/css, so help would be much appreciated. I’m using the stockholm theme which uses WP Bakery (formerly known as visual composer).

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author PressTigers

    (@presstigers)

    Please contact your theme developer to make your job pages according to your theme. For this, you can use the SJB Templating feature. For detail please visit the CONFIGURATIONS & TEMPLATING section on plugin page.

    Thanks & Regards,

    Thread Starter gregv95

    (@gregv95)

    So there’s not any kind of simple html fix you could suggest that I would just plug into the sjb html templating feature?

    I just added this in my custom js to fix this.

    jQuery(document).ready(function(){
	var matchUrl = '/job/.*';
	if ((new RegExp(matchUrl)).test(window.location.href)) {  
		$('#content').prepend('<div class="row" style="height:90px;background:#B72027"></div>');
		$('.sjb-detail .list-data').each(function(index) {
		    var html = $(this).html();
		    var res = html.replace(/header/g, "div");
		    $(this).html(res);
		})
	}

	var openings = '/jobs';
	if((new RegExp(openings)).test(window.location.href)) {
		$('.sjb-page .list-data').each(function(index) {
		    var html = $(this).html();
		    var res = html.replace(/header/g, "div");
		    $(this).html(res);
		})
	}
});

    and did a bit of css to get this working

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Single Job Page Title Overlapping with the Websites Header’ is closed to new replies.