Joomlabamboo Support Forum :: Topic: width left column (1/1)

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

width left column

If you use Zentools please post a review at the Joomla! Extensions Directory.

10 years 4 months ago

Hi,

Ik changed the width of the left column of template moments. I used this in custom.css in order to create a fitting full screen grid:

#navigation {width:284px;}
#navigation-shadow1 {left:282px;}
#navigation-shadow2 {left:285px;}

.panelwidth {
  position: relative;
  padding-left: 325px;
  padding-right: 20px;
  width: 100%;
  float: left;
}
#fullwidth #bannerwrap .zen-container {
  max-width: 100%;
}
.offset {
  margin-left: 289px;

}

Works great on bigger screens, but with these changes the mobile version doesn't look good.

Check: www.begeester.nl/index.php (and suppages)

Any ideas? Looking forward to hearing them...

Happy Holidays!

Leonard

Leonard van der Plas
LIfetime Developer - Big Bamboo
82 posts
3 Thanks
Karma: 4

The administrator has disabled public write access.

10 years 4 months ago

Hi

Looks like you need media queries to adjust the css you have above so it displays better on different screen widths

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

10 years 3 months ago

You were completely right. I used and changed some lines from template-responsive.css in custom.css to solve the problem.

thanks!

Leonard van der Plas
LIfetime Developer - Big Bamboo
82 posts
3 Thanks
Karma: 4

The administrator has disabled public write access.

10 years 3 months ago

No problem

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

If you use Zentools please post a review at the Joomla! Extensions Directory.

width left column

Happy Campers