Greetings,
Thanks for reading my question.
I am not sure why this theme ended up like this on my vanilla forum. I tried clearing cache, cookies, reinstall the theme etc. It's still the same. :| Anyone faces issue like this? Is it browser compatibility issue? I like this theme a lot, wished someone could help me out in this.
On Google Chrome:

On Mozilla Firefox:

Hope to hear from you all soon. Thank you for your time :)
Comments
Let me see what I can do, can I have your site URL?
- Spam
- Abuse
0 · Insightful Awesome LOL ·Thank you so much for responding!! It's http://ubuntu.net.my/
Thanks! :D
- Spam
- Abuse
0 · Insightful Awesome LOL ·No problem, sorry for the delay, I deactivated email notifications for accident XD
What version of vanilla are you using?
- Spam
- Abuse
0 · Insightful Awesome LOL ·It's Vanilla Version 2.0.18.4 :) Thanks! :D
- Spam
- Abuse
0 · Insightful Awesome LOL ·ok, try to use this version.
- Spam
- Abuse
0 · Insightful Awesome LOL ·This is better, but still, the "Sign Out" image is broken in Chrome, and the image is not showing in Firefox beside Profile. Also, may I know how do I adjust the height of the underneath of black part since my logo is quite "tall". It blocks the content (go above the content). I wanna push the content slightly downwards.
- Spam
- Abuse
0 · Insightful Awesome LOL ·Done ;)
- Spam
- Abuse
0 · Insightful Awesome LOL ·Hi SevMC, if you see the previous screenshot, the black horizontal part is not placed properly. It slightly goes down and the grey part appeared above the black part which is not supposed to be like this.
Also, did you notice that the black part is blocking the content part and the "Start a new discussion" button? May I know how can I push the content part lower instead of hiding underneath the black part? :(
Thanks.
- Spam
- Abuse
0 · Insightful Awesome LOL ·You can fix the margin with the top midifying the CSS stylesheet called "styles.css" located on the "Design" folder of the theme.
I already added the margin properties you'll just need to adjust the px quantity by changing the number.
For example:
Search for:
#Body { width: 960px; text-align: left; margin: 30px auto 0; }And replace with:
And you will have your menu properly positioned.
Good luck ;)
- Spam
- Abuse
1 · Insightful 1Awesome LOL ·also you will need to find:
body.Profile #Content { width: auto; margin: 0 0 40px 20px; width: 650px; float: right; }and replace with:
- Spam
- Abuse
1 · Insightful 1Awesome LOL ·Hiya,
So sorry for the late reply as i was too busy with my stuff! Thanks for both solutions! :D I just applied the changes and they work nicely.
But I have another question, I find there's no default avatar (left red box), but when I uploaded an avatar, the avatar is being displayed (right red box). Is this normal? Should there be a default avatar instead of empty area?
Thank you SevMC! :)
- Spam
- Abuse
0 · Insightful Awesome LOL ·If you want an automatic avatar you can turn on the gravatar plugin via the dashboard.
- Spam
- Abuse
0 · Insightful Awesome LOL ·Thank you for your suggestion :)
- Spam
- Abuse
0 · Insightful Awesome LOL ·I'm so sorry for not answering questions in time, I'm not recieving any kind of notification about the comments in my plugins, and then I just forget that I need to check them.
Is a good idea to use the gravatar plugin, thanks @whu606.
- Spam
- Abuse
0 · Insightful Awesome LOL ·