Categories widget positioning

jith486 · Member · Jan 13, 2015 at 9:55 am
Copy link

Add topic to favorites
I have added a sidebar widget for categories on the events page(fksnehadeepam.org/blog), it shows properly in chrome at top right. But in FF and IE the widget is showing down at the bottom right. Please help.

The blog I need help with is: (visible only to logged in users)
jith486 · Member · Jan 14, 2015 at 5:18 am
Copy link
any help?
sonsothunder · Member · Jan 14, 2015 at 6:31 am
Copy link
Looks like you need to go to the wordpress.org forums, or support.
Hope this helps.
raincoaster · Member · Jan 14, 2015 at 6:55 am
Copy link
Take a look at the details for your theme. https://wordpress.com/themes/edin/ It’s a full width theme, ie no sidebar, just footer widgets.
jith486 · Member · Jan 14, 2015 at 6:59 am
Copy link
Actually we can add sidebar. Theme does allow that. It shows up properly in chrome. Issue is only in IE and FF. So that must be a bug I think?
jith486 · Member · Jan 14, 2015 at 7:40 am
Copy link
This is the URL I need the help on: http://fksnehadeepam.org/blog/

Please check the position of the widget on both Chrome and FF. In chrome its showing at the top position. In FF its showing at the bottom…
staff-happychia · Staff · Jan 14, 2015 at 9:28 am
Copy link
Yeah, I see what you described. In Chrome the widget is at top of the page alongside the title of the first post. In Firefox it is at the end of the page just above the footer.

I am tagging this thread for staff’s attention.
kathrynwp · Staff · Jan 14, 2015 at 1:01 pm
Copy link
This piece of your CSS is shifting your sidebar to the bottom – try removing it and things should pop back into place:
```
#masthead {
	height: px;
	padding-top: ;
	margin-top: -30px;
	margin-bottom: -30px;
}
```
jith486 · Member · Jan 14, 2015 at 4:01 pm
Copy link
Yes, that has resolved the issue. But that piece of css was there in order to reduce the size of the header. Could you please advice a better solution to reduce the header then?
kathrynwp · Staff · Jan 14, 2015 at 6:56 pm
Copy link
Try adding this to reduce the space above and below your header section:
```
.site-logo-link,
.site-title {
	margin-top: 5px;
	margin-bottom: 0;
}
```
Let me know if that does the trick.
jith486 · Member · Jan 15, 2015 at 5:32 am
Copy link
That works. Thanks for the help.
kathrynwp · Staff · Jan 15, 2015 at 4:10 pm
Copy link
Glad that did the trick, you’re very welcome.

No items found.