Need column option for mobile...

cpgearhart

I have several clients requesting the option to display content in two columns on mobile instead of forcing all content to stack in one column (page content and photo albums) is this possible??? If not yet, is it in the works?

Phil

Hi,

You need to edit the mobile view of your pages.

Please, check the following video tutorial:

https://support.muffingroup.com/video-tutorials/responsive-editing-in-bebuilder/

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cpgearhart

Awesome thanks, this helps for wraps...but I don't see option in image gallery on mobile layout to have 2 columns...??

Phil

There is no setting for that, but I can help you with a custom CSS code.

Please attach a link to your website, and I will prepare the appropriate CSS for you.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cpgearhart

Sweet thanks! I have multiple sites where it would be helpful, but let's start with this one: https://lostarrowranchmi.com

I'm assuming I'll be able to modify the code for other sites once I see it...thanks! ???

Pablo

Please use this CSS code, paste it into Theme Options -> Custom CSS & JS -> CSS

@media (max-width:490px){
 .column_image_gallery .gallery-item{width:50% !important;}
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cpgearhart

THANK YOU!!!!!! I've been looking for this feature for a few years! You rock! ?????

cpgearhart

Is there CSS to center the Action Bar content?

Phil

It depends on what exactly you want to center.

However, I do not see an Action Bar on the website you have sent here. Do you refer to another website?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cpgearhart

I want to center the slogan and phone. It's a new site in beta... https://r9p.33c.myftpupload.com/

Phil

Please try the following CSS code:

@media only screen and (min-width: 768px){
   #Action_bar .contact_details{
   margin-left: 33%;
 }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

cpgearhart

Perfect, Thank you!