End of Support for Joomla 3 - Forum closed

Footer - width 100% on mobile devices

  • tschiwi
  • tschiwi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 17
  • Thank you received: 0

Footer - width 100% on mobile devices was created by tschiwi

Posted 9 years 3 months ago #6117
Hi,

thanks for that great template - but one question regarding mobile devices:

What do I have to do to have the background color of the items in the footer area in 100% width?

in "full view" the background color is on the whole width.
in the responsive design I have a border on the left and right ... see attached file
by tschiwi
Attachments:

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Footer - width 100% on mobile devices

Posted 9 years 3 months ago #6118
Hi there,
which border do you mean? I could not see any border. Maybe do you mean a gap?
>> See image attached.

Attachment gap.jpg not found



If yes, the gap is a margin left and right, otherwise you modules and text a looking bad if there is no gap.
Here is a view without space

Attachment no-space.jpg not found

Last Edit:9 years 3 months ago by joomlaplates
Attachments:
Last edit: 9 years 3 months ago by joomlaplates.

Please Log in or Create an account to join the conversation.

  • tschiwi
  • tschiwi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 17
  • Thank you received: 0

Replied by tschiwi on topic Footer - width 100% on mobile devices

Posted 9 years 3 months ago #6129
I mean the white gap left and right (between the module and the scrollbar) - the slideshow for example has a width of 100%, but in the footer area there seems bo be a margin .....
by tschiwi
Attachments:

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Footer - width 100% on mobile devices

Posted 9 years 3 months ago #6130
Ok, add this code to your custom.css

@media (max-width: 468px) {
.footer-lr-outer, .footer-a-outer {
margin-left: -20px;
margin-right: -20px;
}
}

The following user(s) said Thank You: tschiwi

Please Log in or Create an account to join the conversation.

  • tschiwi
  • tschiwi's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 17
  • Thank you received: 0

Replied by tschiwi on topic Footer - width 100% on mobile devices

Posted 9 years 3 months ago #6131
Thanks, that worked!
by tschiwi

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License