mobile version issues

  • Resolved
    Posted in: Jarvis WordPress  

  • Member
    December 29, 2013 at 5:58 pm #9678

    i’m having various issues with the mobile version of my site.

    1. the parallax quote is not responsive. most of it is cut off the screen, where the other parallax sections display correctly.

    2. the font color in the menu is grey (on a black menu background) where in the desktop it shows as white. why is that?

    3. because my menu titles are longer, the menu text on mobile also overlays and doesn’t look good. can I remove the menu entirely on the mobile version? or what would you suggest I do to address this layout problem?

    Here is all of the custom CSS that might be affecting these things..

    .home-logo-text a {
    color: #ffffff !important;

    .copyright h1 {
    font-size: 30px;

    .copyright {
    width: 100%;
    padding: 2px 0;
    background: #181818;

    .milestone-count {
    color: #6183b5;
    font-family: ‘Courier New’;

    .parallax .quote i {
    color: #02b4df;

    .quote-author {
    color: #02b4df;
    font-family: ‘BebasNeueRegular’, sans-serif;
    background: #fafafa;
    padding: 5px;
    width: 18%;
    margin: 15px 390px 10px !important;
    font-style: normal !important;
    font-size: 19px;
    font-weight: 300;

    .title h1 {
    background: #000000 !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: none !important;

    .testimonial-slide .client-testimonial {
    font-family: “Open Sans” !important;

    .contact-details h1 {
    font-family: “Open Sans Condensed”;
    text-transform:lowercase !important;

    .testimonial-icon i {
    background: #FF9900;

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.