Wordpress and Vanilla 2.1b1 my menu in EmbedFriendly theme is cut off

Quente

Hello Guys,

i have got a problem with Vanilla Forum 2.1b1 and WordPress3.6.

Normal View: http://img203.imageshack.us/img203/2074/vep0.jpg
Bug View: http://img198.imageshack.us/img198/2577/ub9h.jpg

The Menu and one of the Topic are cut off. I thought that the WordPress site cuts off the Vanilla Forum and i wondered if i could extend the page in the php-Code or CSS-Code, but i have no Idea how.

Wordpress Theme: Project AR2

Can you please help me?

Quente

Tama

try adding this to your theme's custom.css on your vanilla install

body {
   padding-top: 10px;
}

vrijvlinder

would be helpful if you post a link to where you have this embedded . Or adjust the theme you are using . But for me a link to the forum is faster and more productive. You can private message the link if you wish.

Quente

Link: http://unnatural.eu/board/

Theme: Embed-Friendlyversion 3.0by Mark O'Sullivan

Quente

@Tama

body {
padding-top: 10px;
}

http://img541.imageshack.us/img541/1703/dcn.png

This code has no effect. I have make the change in ftp://xxxxxx/html/forum/themes/EmbedFriendly/design/custom.css

vrijvlinder

alright, thanks for the link, try this in the custom.css

body {
   margin-top: 20px;
}

However I suspect the menu you have at the very top needs to have a transparent background as well .Or to make it's height smaller.

or add this to the Wordpress theme style.css

#content {
overflow: hidden;
margin: 20px;
padding: 1em 0;
}

Tama

#Panel input.InputBox {
width: 168px;
}
body {
padding: 0px 10px;
}

should fix side clipping

vrijvlinder

That will only affect the forum style I think, but the container aka #content from wordpress theme needs to be adjusted to fit the embed. The embed gets as wide as the space you put it in. So in order to make it fit right you need to also jiggle the WP style.css of the custom WP theme.

But you should try every thing and see what works for you. I am going to bedy bye

Quente

@vrijvlinder said:
alright, thanks for the link, try this in the custom.css

body {
   margin-top: 20px;
}

However I suspect the menu you have at the very top needs to have a transparent background as well .Or to make it's height smaller.

or add this to the Wordpress theme style.css

#content {
overflow: hidden;
margin: 20px;
padding: 1em 0;
}

"or add this to the Wordpress theme style.css"

This have no effect on the problem.

"try this in the custom.css"

This have no effect on the problem.

@Tama

Your approach is good, the Headline and the Menu is correct to show, now. But the other end is now invisible.

http://img809.imageshack.us/img809/3319/8y8f.png

Tama

@Quente mind highlighting the issue a bit clearer on the screenshot

Shadowdare

If you are talking about the sidebar getting cut off, add this to the EmbedFriendly custom.css:

#Panel {
   width: 224px;
}

#Body .ContentColumn {
   margin: 0 244px 0 0;
}

Quente

@Tama said:
Quente mind highlighting the issue a bit clearer on the screenshot

Better Screenshot: http://imageshack.us/a/img542/8392/ns7g.jpg

Quente

My extra Code in ftp://xxxxxx/html/forum/themes/EmbedFriendly/design/custom.css

   #Panel input.InputBox {
      width: 168px;
   }
   body {
     padding: 0px 10px;
   }  
   #Panel {
     width: 224px;
   }
   #Body .ContentColumn {
     margin: 0 244px 0 0;
   }

This look like this http://img600.imageshack.us/img600/6140/6s1k.png

Shadowdare

I don't know what the problem is. Do you mean the grey background of the page outside the container with the black background? Can you make a red box around the specific problem in a screenshot instead?

Quente

The Problem is, where is the menu and my thread-text?

http://img690.imageshack.us/img690/4097/gz17.png

I think the Wordpress-Site is to small for the new Vanilla Forum.

Shadowdare

By thread-text, you mean breadcrumbs? I can see the menu and breadcrumbs as a guest. Do you see if you sign out? Can you copy and paste this file /themes/EmbedFriendly/views/default.master.tpl here?

Quente

When you sign out you can see the menu, but when you sign in you can not see the Menu.

Here is the Filre

<!DOCTYPE html>
<html>
<head>
  {asset name='Head'}
</head>

<body id="{$BodyID}" class="{$BodyClass}">

<div id="Frame">
 <div id="Head">
   <div class="Row">
     <strong class="SiteTitle"><a href="{link path="/"}">{logo}</a></strong>
     <ul class="SiteMenu">
      {dashboard_link}
      {discussions_link}
      {activity_link}
      {inbox_link}
      {custom_menu}
      {profile_link}
      {signinout_link}
     </ul>
   </div>
  </div>
  <div id="Body">
    <div class="Row">
      <div class="BreadcrumbsWrapper P">{breadcrumbs}</div>
      <div class="Column PanelColumn" id="Panel">
         {module name="MeModule" CssClass="FlyoutRight"}
         {asset name="Panel"}
         <div class="SiteSearch">{searchbox}</div>
      </div>
      <div class="Column ContentColumn" id="Content">{asset name="Content"}</div>
    </div>
  </div>
  <div id="Foot">
    <div class="Row">
      <a href="{vanillaurl}" class="PoweredByVanilla">Powered by Vanilla</a>
      {asset name="Foot"}
    </div>
  </div>
</div>
{event name="AfterBody"}
</body>
</html>

If less threads, you can see the menu. When more threads are postet than you have the problem.

Shadowdare

That doesn't seem like intended functionality. Disable all of your plugins and see if it fixes the problem. If so, find out which plugin is causing that problem.

Quente

All Plugin are disable! This isn´t a plugin-problem!
Vanilla Forum need to much place in the Wordpress-Site.

UnderDog

@Quente said:
Vanilla Forum need to much place in the Wordpress-Site.

Can you explain a bit more on what you mean? If you embed you are using an iframe and that iframe isn't ... big enough? Is that it?

Quente

@UnderDog said:
Can you explain a bit more on what you mean? If you embed you are using an iframe and that iframe isn't ... big enough? Is that it?

Yes i think so. But i find not the settings for this iframe in wordpress.