Support » Theme: Mercury » Minor fixes to mobil css

  • Hi Ryan,

    I was happy to see a responsive P2 theme and installed it on various discussion groups I’m administrating.

    Though I had to fix two things viewing the webpage on my Samsung S3 mini for both horizontal and vertical viewing.

    I’m using tekst for the sitename and no logo in header and I wanted the search widget to be on the same line.

    I changed the css to Sitename and Site description positioning in header and sizing of seach widget in sidebar. This is the css-code I’ve used:

    @media (min-width: 300px) and (max-width: 580px) {
    #header .sleeve {
    margin: 10px 30px;
    }

    #sidebar {
    padding: 10px;
    }

    #searchform #s {
    width: 65%;
    float: left;
    margin-right: 10px;
    }

    #searchform #searchsubmit {
    width: 25%;
    }
    }

    Both discussiongroups are closed from public viewing, members only but I can send screenprints some way or other!:-)

    Thanks again and best regards,
    Ingebjørg J;_D))

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Minor fixes to mobil css’ is closed to new replies.