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

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

    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…

    #30222
    scrambler
    Moderator

    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.