Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Remove Side-Bar Navigation

Featured Replies

Hi Everyone,

 

I'm trying to get rid of a default sidebar on my Wordpress site, I've tried a few things and messed my site up so bad I've had to reinstall the theme (twice :rolleyes: )

 

Can anyone tell me what I need to remove in my stylesheets to stop the left hand side navigation bar showing (currently reads "Home" and tis grey).

 

My URL is: http://www.lifeinsurancequotesx.co.uk/

 

Many thanks,

 

Sam

It's nothing to do with your CSS

 

You need to find the piece of code in the correct php file (header.php I think) that is bringing up the sidebar and comment it out. This is the method I have previously used and it works fine.

 

I hope this helps

Haha Quoted For The Win

 

Nope!! Still none the wiser, showing my age now :o

i.e. The post i quoted is full of win!

 

:blush1:

 

I even googled it to find out

:blush1:

 

I even googled it to find out

 

haha, as i always say...Google is your friend!

  • Author

Hey Guys,

 

I tried removing

<div id="leftside">

from my header.php but that makes my page go skewed and the sidebar remains.

 

My header.php is as follows:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>

<body>
<div id="wrap">

<div id="header">
</div>

<img id="frontphoto" src="http://lifeinsurancequotesx.co.uk/life-insurance-quotes.jpg" width="881" height="85" alt="banner-image" /><br />

<div id="leftside">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('Main Sidebar') ) : else : ?>

<h2 class="hide">Main menu:</h2>
<ul class="page">
<?php if (is_page()) { $highlight = "page_item"; } else {$highlight = "page_item current_page_item"; } ?>
<li class="<?php echo $highlight; ?>"><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
</ul>

<?php endif; ?>

</div>

 

Any further tips?

 

Thanks,

 

Sam

  • Author

Thanks Ash!

 

That worked a treat, any idea how to make the background image (loads first shown behind and slightly above the "life insurance logo" the same width as the front page?

 

Many thanks,

 

Sam

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.