How to split "position-1" into two positions? - Joomla! Forum - community, help and support

hi,

i want add 2 modules on position-1 of atomic template. when put 1 module, occupies whole width of page , other modules shown under 1st module.
i want show 2 modules, side side. how can it?

thanks help!

if add module class suffix module (in advanced options on module edit screen), can style using css. something like:

add "-mysuffix" module class suffix both modules.
edit stylesheet:

code: select all

.custom-mysuffix {
width:50%;
float:left;
}

this set them 50% of width of parent , side side.
it important note if wanted add margin or padding (as these divs right next each other no gap), couldn't set them both 50% margin , padding add width.

if using fixed width template, calculate 50% , subtract left/right margin/padding. example if using 960px:

code: select all

.custom-mysuffix {
width:440px;
padding:20px;
float:left;
}

960px / 2 = 480px - (20px left padding + 20px right padding) = 440px

hope helps.