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

This topic contains 1 reply, has 2 voices, and was last updated by  scrambler 3 years, 3 months ago.

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

  • 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.