End of Support for Joomla 3 - Forum closed
Full content width for mobile view
Hi,
assuming that it is possible at all I would like to ask the following.
What is the best (and easiest) way to get full width for the content area in mobile view. Unfortunatelly, I cannot provide a livelink but if you have a look at the "pure" template you will understand what I mean.
I was not able to find a solution without messing up the Desktop view.
Regards
assuming that it is possible at all I would like to ask the following.
What is the best (and easiest) way to get full width for the content area in mobile view. Unfortunatelly, I cannot provide a livelink but if you have a look at the "pure" template you will understand what I mean.
I was not able to find a solution without messing up the Desktop view.
Regards
by Fatih
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Full content width for mobile view
Posted 8 years 2 months ago #15126
Hi there,
you can reduce the spacing in mobile view with a css code like this.
Add this code to your css/custom.css
you can reduce the spacing in mobile view with a css code like this.
Add this code to your css/custom.css
@media (max-width: 768px) {
.uk-container {
padding: 10px 0 !important;
}
}
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Hi,
thank you for your fast response.
Unfortunatelly, I do not have that custom.css file. So I tried out your solution in the "20.css" file under the css-directory, which did not work either.
So I went on to the DOM explorer of my browser and set some "padding-left"s from 50px to 0px which somehow gives me the result I am looking for, but only temporarily and only for the size I have at that moment.
Can you give my further advice?
Thank you very much in advance.
Regards
thank you for your fast response.
Unfortunatelly, I do not have that custom.css file. So I tried out your solution in the "20.css" file under the css-directory, which did not work either.
So I went on to the DOM explorer of my browser and set some "padding-left"s from 50px to 0px which somehow gives me the result I am looking for, but only temporarily and only for the size I have at that moment.
Can you give my further advice?
Thank you very much in advance.
Regards
Last Edit:8 years 2 months ago
by Fatih
Last edit: 8 years 2 months ago by Fatih.
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Full content width for mobile view
Posted 8 years 2 months ago #15131
You can create custom.css, watch the video
www.joomlaplates.com/support/documentation/custom-css-in-joomla
www.joomlaplates.com/support/documentation/custom-css-in-joomla
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates