Hyperlinks Don't Work

OK got to the bottom of the issue.

There’s actually nothing wrong with the template and the code. The issue is the left sidebar or more precisely, the .site:before element which has a higher z-index and overlays that section of the page.

The solution would be to run a function that is invoked when that template is use and will output the required CSS to remove the .site:before element.

For code example, have a look at Fourteen Extended which has a function to do just that on per page basis.

The output for the above function would then be something like

function ridizain_general_css(){
if ( get_post_meta(get_the_ID(), '_fourteenxt_true_fullwidth', true )) {
if ( is_page_template( 'template-location/template-name.php' )) :
?>
<style>
.full-width .archive-header,
.full-width .comments-area,
.full-width .image-navigation,
.full-width .page-header,
.full-width .page-content,
.full-width .post-navigation,
.full-width .site-content .entry-header,
.full-width .site-content .entry-content,
.full-width .site-content .entry-summary,
.full-width .site-content footer.entry-meta {
	max-width: 1200px;
	width: 100%;
}
.site:before,#secondary{width:0;display:none;}.ie8 .site:before,.ie8 #secondary{width:0px;display:none;}.featured-content{padding-left:0;}.site-content,.site-main .widecolumn{margin-left:0;}.ie8 .site-content,.ie8 .site-main .widecolumn{margin-left:0;}
@media screen and (min-width: 1008px) {.search-box-wrapper{padding-left:0;}}@media screen and (min-width: 1080px) {.search-box-wrapper,.featured-content{padding-left:0;}}
</style>
<?php endif; }

}
add_action( 'wp_head', 'ridizain_general_css' );

You’d add this code in your functions.php

Great! Thanks so much.

That is just a little over my head, but I should be able to read up and wrap my head around it.

Thanks again!

OK, let me work that in to the plugin – you’ll be able to use the current full-width template included in the theme.

Wow! You’re developing on a plugin? Or do you mean an update?

Let me know when it’s available!

thanks.

Its a plugin ??

And the first version is ready for download here: https://ridizain.com/ridizain-styles/

You’ll find the option you want on the edit page screen – by checking the box you’ll be able to remove the left sidebar only on that page and thus making it a true 100% full width.

Do let me know what you think. I appreciate all feedback ??

Zulf

Hey!

So I installed the plugin and it works great!

It’s perfect!

Thanks so much!