Wordpress Sidebar fallen below content - wordpress

my site is http://goo.gl/T5XTOf
It's a mystique wordpress site and the sidebar has fallen below the main content. When I tried to change the logo image in theme options, it didn't work, so I changed it at the webhost level. I changed the current logo image to a smaller image, the sidebar fell below the main content on all pages and posts.
I changed the logo back to the previous one (Current one) but it didn't solve the issue. So I changed the default template on all the pages to 2 columns with left sidebar and this solved the issue with pages. However, the posts remained the same. I use the post pages for product pages using a shopping cart plugin.
So since the posts did not have options to change the template, I tried using a simple posts template which allowed for several page templates to be chosen. But this did not change anything on the sidebar issue, even when I change the template to 2 columns with left sidebar.
Can anyone help with this? I tried looking over the answers on this forum but none seemed to work. I posted this issue on the theme's forum but have not received any replies for days now.

Try adding this to your stylesheet (appearance/editor/style.css):
#primary-content{
max-width:650px;
margin:20px;
}
#sidebar{
width:220px;
}

Thanks again Redleaf. I tried your edit but it pushed the sidebar leftwards half out of view. Anyway, I have switched to another theme and the website looks better. Thanks for your help

Related

Wordpress:Page Title Appears twice

I am in the process of setting up my own e-commerce website powered by wordpress and woocommerce but i have come up against some issues.
Specifically when i click on a product category the page title bar appears twice and i have been trying to eliminate this issue.Whereas the shop page is behaving correctly,only spawning the page name only once.
What i have done so far is:
Disabled the yoast SEO wordpress plugin(read somewhere that it might be the issue).Nothing happened.
Tried to edit the style.css by adding the class"page-title" of the bar that appears twice and using the display:none feature.The bar disappeared but the other bar did as well since they share the same exact path and class as the one in the shop page.
The proper format of the page is located here - www.survivalmotion.com/shop/
The one that has the issues is any product category such as - http://www.survivalmotion.com/product-category/backpacks/
The topbar is the one i want to eliminate.
Any idea on how should i proceed to fix this?
Add this to your css:
.main-content-inner-full>.page-title{display:none;}
.main-content-inner>.page-title{display:block !important}

Blog posts not highlighting the active menu item

Ok, I know that there are several other questions on SO regarding this topic. By now, I have probably read all of them. I have been researching this for a little over two hours now and I am coming to the end of the road (about to give up!)... So, here I am on SO finally asking the question to involve other sharp minds.
I am helping build this Wordpress site: greatman.us. And, the Posts page is located on a page called "Blog." The "active" menu item is highlighting properly on PAGES, but when you go to a POST, the "Blog" menu item is not longer highlighted (i.e. NOTHING is highlighted in the header menu).
There is no way in Wordpress - as far as I'm aware - to create a "parent" for a blog post. This option is only available for Pages. I need to be able to have the "Blog" menu item stay highlighted when I am viewing a BLOG POST.
For a general example:
mywebsite.com/blog/ <--- menu item "Blog" is highlighted
mywebsite.com/blog/post223 <--- menu item "Blog" is no longer highlighted
I am proficient with CSS and HTML, but not with PHP. So, if this is a PHP fix, please dumb your answer down as much as possible.
I have read tons of other articles about this online and it seems to be a common issue, with most people not knowing how to code with PHP.
I am using a custom theme, called Divi. And it is missing some of the CSS elements that other forums and sites I have read said that the style.css should have. This is another reason I am coming to a dead end. Please help!
By the way, one WORKAROUND I discovered is to add POSTS as sub-menu items to the "Blog" page that you made in the Wordpress Menus area (in the admin back-end). Then, use "display:none" is CSS to remove the submenu from being displayed to the public. This causes two main problems, though: 1) You can never have any other sub-menu items, because they won't be displayed. 2) You have to manually add every single blog post to the menu as a sub-menu item. This will eventually make your menu super long assuming you are a regular blogger. It is also a hassle.
Within your CSS, you will also need to add .current-page-ancestor with the same attribtues as your current menu item.
Something similar to below:
.current_page_item, .current-page-ancestor {
// Some attributes
}
This is guessing that you have use wp_nav_menu() though. If not then I'll need to see what code you have used to generate the menus.

Sidebars not displaying in Wordpress theme Mantra and header cropping over advised size

I have installed Mantra as my WP theme, can't find help to this two issues.
1) Sidebars are not showing. I have a child theme with funtions.php and stylesheet.php folders. The theme comes with possibilities for 1-4 columns and sidebars left, right or both. I was explained can't have sidebars in the frontpage or as theme calls it, presentation page. If I could still add them, I would be extremely happy. However, my main issue is, I can't get sidebars to display in my post pages. I removed the view of pages and I'm using Categories instead since my page is news based. The main theme has sidebar php and action as been called into my child theme. Sidebars do exist since I can insert in the footer. It's just sidebars that are not working. I use for choosing where to display the Jetpack widget visibility. I need the sidebars so visitors can navigate my site between categories and want to display other content as well.
2) I have created an image, to the exact size theme advises and as per theme, it will be posted as is if the image has the exact measurements. However, no matter what I do, it does not displays as is and keeps cropping my image in half when I try to submit it.
This may help you to solve sidebar & crop issue
http://wordpress.org/support/theme/mantra

KALLYAS theme with WooCommerce plugin - Cannot remove sidebar on "Shop" page

I'm using KALLYAS theme with WooCommerce plugin for an online store. My problem is, I can't remove the right sidebar on the Shop page. I tried several page layouts on this theme. But sidebar never goes. If I removed the sidebar from KALLYAS them options, it affects to other pages as well. Such as blog page. (I need sidebar on the blog page).
So, if anyone have an idea of a solution, please be kind enough to reply...
Thanks..
make sure the page layout is set to "No sidebar", along with the "Defualt - Set from theme options" sidebar selected just like in the picture below. Also did you try to empty cache and hard reload? HAHA

How to move sidebar to the left in shop pages?

I am using woocommerce for the first time and have searched for answers to this question for hours now. Found none. I'm exhausted and really grateful if someone wishes to help out.
I am using woocommerce on a self-created child theme. The main shop page uses a theme-template called "page-left-sidebar", which normally places the sidebar with widgets to the left of the page. This option would look good in the web shop that I'm trying to create.
But Woocommerce templates override my custom templates, and although I get the correct "page-left-sidebar"-template's sidebar widgets, I see with my eyes and also when investigating with firebug, that woocommerce is calling the "page-right-sidebar"-template's main & sidebar css rules instead those of the left-sidebar-template. The page-right-sidebar is the default page template in my theme, as it happens.
I have tried editing woocommerce's "archive-product.php" -page. But I just cannot understand, where and how to tell the div's to be situated where I want them to.
My theme's default "page.php" and "page-left-sidebar.php"-template are identical. Only the template's name (obviously) changes. In my "style.css" I have rules both for default sidebar (sidebar to the right) and page-left-template-sidebar.
What files should I edit and how?
To display sidebar on the left, the style.css file should have property float:left for that section
Found a workaround... I still don't understand how the default templates work, but I've tried until I give up. I just hard-coded a div style="right;" in the archive-product.php, closing the div just before the sidebar commanding lines. It's crude, I know, but it seems to do the trick.

Resources