Single Job Page Title Overlapping with the Websites Header

Resolved gregv95
(@gregv95)

5 years, 10 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)

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)

5 years, 10 months ago

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

melvin16

(@melvin16)

5 years, 10 months ago

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.

Tags