Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Module not centering in mobile

Module not centering in mobile 04 Mar 2016 16:38 #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

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

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 04 Mar 2016 17:10 #33092

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20919
  • Karma: 423
  • Thank you received: 2648
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
@media screen and (max-width: 524px) {

.pagebuilderck .blockck {
	margin-left: 0 !important;
}

}
(I have already added this code for a next version)
CEd

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

Joomlack Webmaster and Developer

Module not centering in mobile 04 Mar 2016 17:22 #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).

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

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 05 Mar 2016 09:17 #33105

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20919
  • Karma: 423
  • Thank you received: 2648

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

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

Joomlack Webmaster and Developer
  • Page:
  • 1
Time to create page: 0.193 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 560 guests and no members online