Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 17, 2015 at 2:13 am #537024
    debenm

    On my site http://thelisteningplan.com when I set the template of my page to “blank no header, no footer” it causes the responsive site to no longer work.

    How can I remove the header/nav on the page and maintain responsive for tablets and smartphones?

    Thanks,
    Miles

    November 17, 2015 at 6:08 pm #537535
    Elliott

    Hi debenm!

    Which page is it? I looked around a bit but could not find where your using the blank template.

    Regards,
    Elliott

    November 18, 2015 at 7:11 am #537842
    debenm

    Hey Elliott… I created a page at http://thelisteningplan.com/index.php/dev/ to show what I’m talking about..

    Also on the main page (http://thelisteningplan.com), when I open it on the iPad, the header background image that am using shows up immediately upon loading the page. In reality it is only supposed to show up when I scroll down. This makes it tough as the logo image is white when the page loads and black when it scrolls. So the White logo upon loading is hard to see as it’s white on a white background. Any idea how to fix this?

    November 20, 2015 at 1:28 pm #539512
    Andy

    Hey!

    I can’t see any issue on your screenshots. It looks exactly as on desktop. So what do you mean with “responsive does not work”?

    Best regards,
    Andy

    November 22, 2015 at 3:02 am #540298
    debenm

    Andy,

    If you look at http://thelisteningplan.com/ in chrome you will see that the logo does not appear (perhaps that is because my logo file is an svg file?). And if you look at the same page with safari on the iPad the logo shows as the white svg file, which is correct, but it also puts the white background behind the white svg file when it should be transparent.

    Sorry – it’s not the easiest thing to explain.

    Thanks for your help,
    Miles

    November 23, 2015 at 6:35 pm #541100
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-chrome .logo img {
    width: 100%;
}
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background-color: transparent;
    position: absolute!important;
}}

    Best regards,
    Yigit

    • This reply was modified 9 years ago by Yigit.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.