Help with @media settings

Last updated on by

Home › Forums › Legacy Support › Support queries › Styling issues › Help with @media settings

Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 27, 2017 at 6:00 pm #103380
    fdittmar
    Participant
    Hi, am having a little trouble working out how to fix some of my pages so that they are viewable on mobiles. As the texts on the pages with the current margins/padding are not usable on small screens I wanted to use: @media (max-width:480px){ CSS} to force the display to be fullscreen / minimal padding. Am having trouble identifying the relevant CSS for it. Could you please help. thanks  
    March 27, 2017 at 6:02 pm #103381
    fdittmar
    Participant
    This reply has been marked as private.
    March 28, 2017 at 11:58 am #103467
    H.K. Latiyan
    Participant
    This reply has been marked as private.
    March 28, 2017 at 1:49 pm #103506
    fdittmar
    Participant
    This reply has been marked as private.
    March 28, 2017 at 9:45 pm #103609
    Skywalker [ ex VibeThemes]
    Participant
    Go to wp-admin->appearance->customiser->custom css add these lines and save. @media (max-width:480px) { .abouttxts { padding-left:5px; padding-right:5px; } }
    March 28, 2017 at 10:20 pm #103619
    fdittmar
    Participant
    Did try when i posted and just tried again but doesn't seem to change / fix it. No caching active afaik. thanks
    March 29, 2017 at 6:37 am #103658
    Skywalker [ ex VibeThemes]
    Participant
    @media (max-width:480px) { .page-id-569 .no.content { padding:0px !Important; margin:0px !Important; } .page-id-648 .no.content { padding:0px !Important; margin:0px !Important; } } PS: Customisation is not a part of theme support.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Help with @media settings’ is closed to new replies.