Joomla Templates Club 406,261 posts

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#146993

Hi,

I’m trying to make the left column narrower and what’s happening is the center mainbody column is pushing any module published in the left column down.

I’ve been able to get the contents of the module to be the right width using the following two styles quoted below, but there is still an element that is wider that contains the module and which is letting the mainbody push it down. Please let me know what style I still need to modify to get the module to rise to the top of the left column (ja-col1).

I’m stuck.

Thanks in advance for any help,
railer

#ja-col1 {
float: left;
width: 22.9%;
overflow: hidden;
}

ul.menu li a {
padding: 7px 0 3px 20px;
width: 48%;
display: block;
color: #2A343A;
text-decoration: none;
background: url(../images/a-mainlevel.gif) no-repeat top left;
}

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#327087

Hi railer

Could you give me your live url?

[railer Friend railerJoin date: October 2007Posts: 236Downloads:102Uploads:9 Thanks: 17 Thanked: 24 times in 1 posts]

#327705

Answer to this issue was provided via the support area.

Solution was to modify the width of ja-col1 from 22.9% to 13%, and then to modify the width of ul.menu li a from 48% to 98%.

What this did was to reduce the width of ja-col1 so that it is narrow enough to fit alongside of the mainbody column (center) instead of being too wide and getting pushed down by the mainbody column. Then I had to increase the width of the unordered list (menu) so that it filled out the new width of ja-col1.

The left column module items now displays fine at the top of the column.

Thanks to Dat Hoang!

Best,
railer

[Author]

Posts