Module not centering in mobile
- trogladyte
- Topic Author
- Offline
- Platinum Member
8 years 8 months ago #33091
by trogladyte
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Module not centering in mobile was created by trogladyte
Wny did not start using a page builder earlier??? Man this makes things easy. Thanks for making it freely available Ced!
It took a while but I realized that, when adding a module, there is separate CSS control for the module wrapper and the content - for example, there are 2 different place you can set shadow. Took about 10 minutes to understand why I had 2 shadows!!
The problem I have it that on this page - www.stapletonroofing.com/roofing-service...idential-roofing/new - the 2 modules at the bottom do not center over each other in mobile view. The Clients are talking is obviously centered, but the video won't.
Cheers
It took a while but I realized that, when adding a module, there is separate CSS control for the module wrapper and the content - for example, there are 2 different place you can set shadow. Took about 10 minutes to understand why I had 2 shadows!!
The problem I have it that on this page - www.stapletonroofing.com/roofing-service...idential-roofing/new - the 2 modules at the bottom do not center over each other in mobile view. The Clients are talking is obviously centered, but the video won't.
Cheers
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Please Log in or Create an account to join the conversation.
8 years 8 months ago #33092
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Module not centering in mobile
Hi
why ? hmmm, let me think about this ... lol
for the shadows like other styles, you can have them on a row, on a block and on an item.
for your alignement I suppose that you are talking about the fact that there are some margin-left ? if yes, you must remove the margin-left of 10px that you added on the module, and add this code into a custom.css
(I have already added this code for a next version)
CEd
why ? hmmm, let me think about this ... lol
for the shadows like other styles, you can have them on a row, on a block and on an item.
for your alignement I suppose that you are talking about the fact that there are some margin-left ? if yes, you must remove the margin-left of 10px that you added on the module, and add this code into a custom.css
Code:
@media screen and (max-width: 524px) {
.pagebuilderck .blockck {
margin-left: 0 !important;
}
}
CEd
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
- trogladyte
- Topic Author
- Offline
- Platinum Member
8 years 8 months ago #33093
by trogladyte
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Replied by trogladyte on topic Module not centering in mobile
Huh... don't remember adding that 10px left margin though I, obviously, must have!
I tried that extra code in all 3 places, module, wrapper, and row, and it still doesn't make the video appear in the center of the phone (I'm using a Samsung Galaxy S5 for checking BTW).
I tried that extra code in all 3 places, module, wrapper, and row, and it still doesn't make the video appear in the center of the phone (I'm using a Samsung Galaxy S5 for checking BTW).
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!
Please Log in or Create an account to join the conversation.
8 years 8 months ago #33105
by ced1870
this must not be added into the interface
Joomlack Webmaster and Developer
Replied by ced1870 on topic Module not centering in mobile
no. I meant a custom.css file into your template for exampleI tried that extra code in all 3 places, module, wrapper, and row,
this must not be added into the interface
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
Time to create page: 0.209 seconds