That seem to work — thanks!

Sorry, that was just a typo — the folder name never changed — just the css file. So, any idea how I can get my options panel functioning again? And what’s all this stuff in this dev folder — https://screencast.com/t/d7vNGkuwHSZ2 — is that stuff you guys put there? Can I get rid of all that now?

And I can handle the breadcrumb issue with the Breadcrumbs Hierarchy option in the Portfolio Items — I don’t need that function.

• This reply was modified 7 years, 3 months ago by sky19er.

OK, I updated to 7.2, disabled all plugins, and changed the logo area Primary and Highlight colors to black, but the change had no effect on the front-end. Any other ideas?

Thanks.

OK, I tried that but it doesn’t seem to be working. The folder doesn’t seem to be recreating. I tried moving the old folder up to the root, too, FYI. Now neither child nor parent is working, of course.

Well, I only need vertical parallax — it sounded like you were saying I might need to enlarge it horizontally. But that’s basically what I’ve found, from my research, is that the only way to get something looking truly responsive is to actually create different sliders for the various screen widths. Then, you don’t technically “enlarge” the image, but I change the aspect ratio fo the canvas so, yes, for the narrower, portrait, mobile viewports, the image gets cropped on the sides, allowing for more of a square or even portrait layout. Then you can use the Settings > Mobile > Hide Under/Over to show/hide the sliders depending on the screen width. Very cumbersome, but it does result, effectively, in parallax for mobile.

Please let me/us know if you hear of way of creating a truly responsive, full-width, parallax section without having to create three different layer sliders ;)

• This reply was modified 7 years, 3 months ago by sky19er.

Thanks for the parallax suggestion — since my client wants the parallax to work on phones, the layerslider seems like the way to go (seem to be working in mobile). But I can’t figure out how to get the layerslider to be more responsive — I’d like it to cover more height in portrait layouts (crop off some of the sides of the images, so it can cover more height). I have the layout set to responsive in the layerslider, and I’ve tinkered with the options, but I haven’t been able to achieve that yet — do you know how to do that? It’s the garden/playhouse shot, about half-way down http://b8n.e86.myftpupload.com/

Thanks!

OK, thanks — I’ll pass that on to the client.

You can close it. Thanks.

Thanks, Rikard, but that still left what looked like an empty column to the right of the content and left of the sidebar:
https://www.evernote.com/shard/s320/sh/e239d2ae-8e28-4673-8c67-3ae4729f81a1/4c32cbfc21698e9b6a0f147871c6b8a2
https://www.evernote.com/shard/s320/sh/f1f713c5-dc23-49ef-8bfa-bb24c571ce9f/b725e132e98742276e9fae72dd472cd5

I added some css which seems to handle that, but I’m not sure if it’s the best method or if it will maybe negatively affect other things in the site.

Also, the iPad Pro portrait layout — at 1024px wide — is wide enough to accommodate the right column, so I dropped the max width down to 1023px — maybe there’s a better/lower, more standard width I should use for that?

Finally, I left in my css for reducing the padding in the content and sidebar, for the iPad Pro portrait layout, since it was still a tad cramped.

So here’s what I ended up with, in total (including what you sent me above) — please let me know if you see any problems with this or have any suggestions for improvement, streamlining, etc.

Thanks!

/* MOVE SIDEBAR DOWN BELOW CONTENT IN TABLET PORTRAIT VIEW */
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait) { 
.container .av-content-small.units {
   width: 100% !important;
}
  .content .entry-content-wrapper {
    padding-right: 0;
}
  .content {
    border-right: none;
}
  .inner_sidebar {
    margin-left: 0;
}
  #top #main .sidebar {
    border-left: none;
    overflow: visible;
}
}
/* REDUCE PADDING IN IPAD PRO PORTRAIT VIEW */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
  .container {
      padding: 0px 30px;
  }
  .content, .sidebar {
    padding-top: 20px;
  }
  .inner_sidebar {
      margin-left: 30px;
  }
}

• This reply was modified 7 years, 5 months ago by sky19er.

OK, thanks — yep; close it.