Home Forums Weaver Xtreme Theme 3-column desktop, displays as 2 on phones

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #19445

    I’m looking for a way to make my 3-column layout (page with post, masonry 3 columns) display as 1 column on phones, but I’m having trouble figuring it out. http://prolinetraps.com/trap-reviews/ is the page.

    Thanks you for any ideas…


    There is no option to do that, but the custom CSS rules below added in Main options > Fonts & Custom > Custom CSS Rule box should do it

    .is-phone .blog-post-col3 {width:97%;left:auto !important;top:auto !important;position:relative !important;}

    If you need to limit the action to a spcific page, add the page-id class like below replacing xxx by the page ID #

    .is-phone.page-id-xxx .blog-post-col3 {width:97%;left:auto !important;top:auto !important;position:relative !important;}

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.