Hey Peter,

The width is actually determined by your Joomla template and not the theme in EasyBlog. EasyBlog doesn't set any width properties on it's wrapper. It is always fluid, depending on the container.

On your site, I tried to inspect the template and it looks like it is using % rather than pixels, http://take.ms/UFDYx . Hence, if you want you need to change it accordingly (width of the sidebar) Perhaps you could try to add this css codes but it's best to get in touch with your template provider though,

[gist]
#sp-component {
width: 74%;
}

#sp-right {
width: 300px
}
[/gist]

Hi Mark,

Solved! By changing in the backend the width of the right side bar. I am using Helix 3 template and framework, so was easy to do.
Thanks for pointing me in the right direction.


One more question, I am using the default banner system, and want to use the position "easyblog-before-toolbar" in the Easyblog component. It seems this position is not responsive.
Is there a solution for this?
See attachements

Regards, Peter

Hey,

Could you try adding the css codes below?

[gist]
#eb .eb-modules-easyblog-before-toolbar img {
max-width: auto;
}
[/gist]

Hey Mark,

I am sorry, that doesn't work. The css gives an error: invalid property value (see attachment).

Regards, Peter

Try this :

#eb .eb-modules-easyblog-before-toolbar img {

	width: 100% !important;

}

Hi Mark,

it is now working when you view the page with your mobile, or tablet.
BUT, the original banner (which has a standard size of 728 * 90 px) is now being resized to fit the full width of 750 * 93 px.

So sorry to say, but this is also not a great solution.

Regards, Peter

Sorry, please try this instead,

[gist]
body #eb .eb-modules-easyblog-before-toolbar img {
max-width: auto !important;
}
[/gist]

Hi Mark,

still not working, Sorry to bother you with this
See attachements.

But I have tried something else:

body #eb .eb-modules-easyblog-before-toolbar img {

max-width: -webkit-fill-available;

max-width: -moz-available;

}

And this seems to work. Do you recommended this? First line is for GC, second is for FF.
Or is there another way to combine these lines?

Regards, Peter

Hey Peter,

I am really sorry for the delay of this reply as it is a weekend for us here. Hm, not too sure why it doesn't work but when I tried to apply it on Firefox using style editor, it seems to work.

However, if your codes work yes it is fine to use that because they are both for different browsers.