Responsiveness

  • Pidor

    (@pidor)


    11 years, 4 months ago

    Hello,

    when the website is on a small screen, (smartphone for instance) the background image of the front page is not fixed anymore which doesn’t look great 🙂 it’s basically the image I used in my FP widgets (edit row > theme > background image)

    Is there a way to fix it when on a small screen?

    Thanks a lot for the answer

Viewing 9 replies - 1 through 9 (of 9 total)
  • vladff

    (@vladff)

    11 years, 4 months ago

    There is, but it’s pointless because it’s not properly supported in phones. I know iPhones couldn’t handle it last time I checked.

    Thread Starter Pidor

    (@pidor)

    11 years, 4 months ago

    Ok, so is possible to take it off when on small screen (have a white background for instance)?

    While we’re on the subject, would it be possible to hide the moesia menu on small screen? I would prefer to use another one.

    Thanks a lot for your answers vladff, your support is really amazing!

    vladff

    (@vladff)

    11 years, 4 months ago

    This should do it:

    @media (max-width: 991px) {
   .panel-row-style {
     background-image: none;
   }
   .mobile-toggle {
     display: none;
   }
}

    Thread Starter Pidor

    (@pidor)

    11 years, 4 months ago

    Thanks! Where should I add it though? 🙂

    vladff

    (@vladff)

    11 years, 4 months ago

    In a custom CSS plugin, haven’t I given you any custom CSS until now? I thought I did.

    Thread Starter Pidor

    (@pidor)

    11 years, 3 months ago

    I used the plugin “Simple Custom Css” but nothing changed…

    vladff

    (@vladff)

    11 years, 3 months ago

    Try it like this:

    @media (max-width: 991px) {
   .panel-row-style {
     background-image: none !important;
   }
   .mobile-toggle {
     display: none !important;
   }
}

    Thread Starter Pidor

    (@pidor)

    11 years, 3 months ago

    Works well for the background, the menu is still there though 🙂

    Thanks a lot anyway 😉

    vladff

    (@vladff)

    11 years, 3 months ago

    Yeah, I was probably thinking of something else. Replace .mobile-toggle with .menu-toggle.

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

The topic ‘Responsiveness’ is closed to new replies.