- Thank you received: 0
Scaling content area full width, no left position
-
Darko101
Inactive member - Topic Author
- Member
Less
More
9 years 6 months ago #41485
by Darko101
Scaling content area full width, no left position was created by Darko101
Dear Sirs,
When there is no content in the left position, as I would prefer on some pages, the content area does not scale full page wide as it should in www.equip-it.eu/index.php/voorwaarden
When trying to scale the content area by changing .content_sparky { width: 656px; to a wider value the content area snaps below the left position. I’m not sure where to find .content_sparky within css files by the way.
How could one solve that?
Kind regards,
Darko
When there is no content in the left position, as I would prefer on some pages, the content area does not scale full page wide as it should in www.equip-it.eu/index.php/voorwaarden
When trying to scale the content area by changing .content_sparky { width: 656px; to a wider value the content area snaps below the left position. I’m not sure where to find .content_sparky within css files by the way.
How could one solve that?
Kind regards,
Darko
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Thank you received: 1639
9 years 6 months ago #41492
by ivan.milic
Replied by ivan.milic on topic Scaling content area full width, no left position
Did you maybe altered some margin or padding. Default layout is ok, only if you added some space someware could break things up.
You you need to use custom styles do not use fixed values like 656px, use % values, also you will maybe to add rules for different screen size, something like this:
.content_sparky{
width:60%;
}
@media only screen and ( min-width : 768px ) { /* style for under or equal screen to 768px*/
.content_sparky{
width:100%;
}
}
You you need to use custom styles do not use fixed values like 656px, use % values, also you will maybe to add rules for different screen size, something like this:
.content_sparky{
width:60%;
}
@media only screen and ( min-width : 768px ) { /* style for under or equal screen to 768px*/
.content_sparky{
width:100%;
}
}
Please Log in to join the conversation.
Time to create page: 0.275 seconds