Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 24, 2017 at 8:03 pm #751561
    pkonstan

    How do I remove background from mobile version of this page and other pages on this site, http://petetackos.com/lateresita/about-us/

    I figured out how to hide it on the home page but I can not hide it on the other pages.

    Thanks

    Peter

    February 24, 2017 at 10:28 pm #751618
    Jordan Shannon

    Hey Peter,

    Try adding this code to quick css.

    <span class="pun">@media screen and (max-width: 600px){<br></span> <span class="com">#av_section_1{<br></span>background: none !important;
}<span class="com"><br></span>}<br>
    <span class="pun">@media screen and (max-width: 300px)</span><span class="pun">{</span> <br><span class="com">#av_section_1{<br></span>background: none !important;
}<br><span class="pun">}</span>

    Best regards,
    Jordan Shannon

    February 25, 2017 at 1:37 pm #751766
    pkonstan

    That did not work.

    I found an article on here that said this would work on the home page of anpother site so I tried it and it did work on my home page. This was it.

    @media only screen and (max-width: 480px) {
    .home div#av_section_1 { background: none !important; }}

    So I tried to add this for .about-us but that did not work. There has to be a way for this code to also work on the other pages.

    February 25, 2017 at 11:32 pm #751849
    Mike

    Hi,
    There was some extra code in the above CSS, please try this:

    @media screen and (max-width: 600px) {
#av_section_1 {
background: none !important;
}
}

@media screen and (max-width: 300px) {
#av_section_1 {
background: none !important;
}
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.