CSS not working on mobile

  • Resolved pgiovas

    (@pgiovas)


    8 years ago

    I added the CSS code so the title can have a color background and all that, but in mobile it doesnt respect the color. Here is my code:

    .accordion {
}
.accordion-title-daca {
    border-top: 1px solid #029670;
    margin-top: 5px;
    padding: 10px 30px 10px 10px;
    cursor: pointer;
    background-color: #029670;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 0px !important;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {
  	border: 1px solid #bcbcbc;
  	padding: 30px;
}

.accordion-title-bridge {
    border-top: 1px solid #1b5aa8;
    margin-top: 5px;
    padding: 10px 30px 10px 10px;
    cursor: pointer;
    background-color: #1b5aa8;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 0px !important;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author philbuchanan

    (@philbuchanan)

    Sounds like it might be a conflict with some of your other CSS on the page. Is it possible to see a link to the site so I can take a closer look?

    Thread Starter pgiovas

    (@pgiovas)

    Sure, it’s accesolatino.org/daca/

    • This reply was modified 8 years ago by pgiovas.
    Plugin Author philbuchanan

    (@philbuchanan)

    It looks the same on mobile as it does on desktop devices for me. Maybe a caching issue?

    Thread Starter pgiovas

    (@pgiovas)

    You are right, I just cleared cache que it does look the same. Sorry for the trouble!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS not working on mobile’ is closed to new replies.