Module not centering in mobile
- trogladyte
- Offline Topic Author
- Platinum Member
- Posts: 751
- Thanks: 16
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!
by trogladyte
Please Log in or Create an account to join the conversation.
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
by ced1870
Please Log in or Create an account to join the conversation.
- trogladyte
- Offline Topic Author
- Platinum Member
- Posts: 751
- Thanks: 16
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!
by trogladyte
Please Log in or Create an account to join the conversation.
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
by ced1870
Please Log in or Create an account to join the conversation.
Time to create page: 0.710 seconds