My sidebar is appearing at the bottom.

  • Hello, I am having trouble with my sidebar appearing at the bottom of my site. I have tried to edit the CSS, but I had experienced more complications because the other answers did not match what I had. Maybe I overlooked, but I hope that you will help me even though there are thousands of questions just like mine.

    My site is https://imaqination.co

    My “sidebar” CSS says

    <aside id="sidebar">

	<?php	/* Widgetised Area */	if ( !function_exists( 'dynamic_sidebar' ) || !dynamic_sidebar('Sidebar') ) ?>

</aside>

    So I know I have to edit the CSS that says “Rosemary: Page with Slider & Sidebar Page Template (page-slider-sidebar.php)”.

    <?php

	/* Template Name: Page with Slider & Sidebar */

?>
<?php get_header(); ?>

	<div class="container">

		<?php get_template_part('inc/featured/featured'); ?>

		<div id="content">

			<div id="main">

				<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

					<?php get_template_part('content', 'page'); ?>

				<?php endwhile; ?>

				<?php endif; ?>

			</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

    This is what the CSS says, and thank you in advance!

    [moderated to fix bad link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • lisa

    (@contentiskey)

    which theme are you using>?
    are you using a child theme or are you using a CSS editor plugin?

    note: the code you have shared is not CSS. it looks like it’s from the theme templates. the theme css code is available in style.css.

    Thread Starter imaqination

    (@imaqination)

    I am using a theme called Rosemary and this is the code I found in style.css.

    #sidebar {
	width:260px;
	float:right;
}
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Edit your CSS — 

    #main {
    width: 75%;
    float: left;
}

#sidebar {
    width: 24%;
    float: right;
}
    Thread Starter imaqination

    (@imaqination)

    Hello, I am so sorry to keep on asking, but this is my first time using WordPress and I am honestly very confused.

    #main {
	width:75%;
	float:center;
}
#main.fullwidth {
	width:100%;
	float:none;
}
#sidebar {
	width:24%;
	float:right;

    This is what I have now, but the sidebar still looks the same.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    when I inspect your site, I see that your CSS (at around line 65) has “float:center” for #main, not “float:left”.

    See this:
    https://dl.dropboxusercontent.com/1/view/q6ohsiy8himjxt9/Apps/Shutter/Selection_002.png?dl=0

    Hi imaqination,
    In Rosemary theme style.css file
    On line number 65 :

    #main {
	width:75%;
	float:center;
}

    Replace this by

    #main {
	width:75%;
	float:left;
}

    and everything will be fine.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘My sidebar is appearing at the bottom.’ is closed to new replies.