Mobile/Responsive View

  • Resolved dexpositoromero

    (@dexpositoromero)


    8 years, 8 months ago

    Hi again,
    Another question: Is there a way to add a conditional for responsive view?
    I’m using 2 column format + CSS Plus.
    The idea would be to make it “1 column only” for mobile browsing only.
    Thanks a lot!
    Daniel

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author johnzenausa

    (@johnzenausa)

    8 years, 8 months ago

    I’ll see if I can come up with something using css. If you can send me a link to a page you have it on it will be beneficial.

    Thread Starter dexpositoromero

    (@dexpositoromero)

    8 years, 8 months ago

    Thanks a lot!
    Website is: wiccatradicional . com
    It’s only in the home page 🙂

    Plugin Author johnzenausa

    (@johnzenausa)

    8 years, 8 months ago

    Try the following css code it looks decent. If it doesn’t look right add !important to all css.

    .post-279 .netsposts-content { margin: 0 0 20px 0 !important; }
.post-279 .netsposts-column { margin: 0 1.25% !important; min-width: 285px; }
@media screen and (max-width: 1020px) { .post-279 div.entry-content.page-content { display: block; width: 97%; margin: 0 auto; padding: 1.5% !important; } }
@media screen and (max-width: 724px) { .post-279 .netsposts-column { margin: 0 calc(50% - 142.5px); } }
    Thread Starter dexpositoromero

    (@dexpositoromero)

    8 years, 8 months ago

    Added a padding to the source (since I had removed from the normal view) and work like a charm! 😀
    Thanks a million!!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Mobile/Responsive View’ is closed to new replies.