Module not centering in mobile

Module not centering in mobile was created by trogladyte

Posted 8 years 1 month ago #33091
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

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.

Replied by ced1870 on topic Module not centering in mobile

Posted 8 years 1 month ago #33092
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
Code:
@media screen and (max-width: 524px) { .pagebuilderck .blockck { margin-left: 0 !important; } }
(I have already added this code for a next version)
CEd

Joomlack Webmaster and Developer

by ced1870

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

Replied by trogladyte on topic Module not centering in mobile

Posted 8 years 1 month ago #33093
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).

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.

Replied by ced1870 on topic Module not centering in mobile

Posted 8 years 1 month ago #33105

I tried that extra code in all 3 places, module, wrapper, and row,

no. I meant a custom.css file into your template for example
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

Fast and powerful creation, customizable and responsive.

Read More

We have 226 guests and one member online