Well I did see that the number 385 was entered in the transparency logo field though I’m not sure why. I placed a blank, transparent png file in there and the broken link has disappeared.

We worked on this site ages ago and just now have gotten back to it. If you look in the desktop view, make the window small enough so you can scroll you’ll see the header graphic changes on the desktop view to use the same graphic in the header on the mobile view which I thought was pretty cool. To be honest though I don’t recall how I achieved this.

My new question is can I just eave this as it is now, or is something maybe not kosher about how I pulled this off?

Thanks,

Tony

Wow. How odd that would have been on by default somehow I never even knew those settings were there. They were off on the home page mobile slider.

Thanks for figuring it out I spent hours trying all kinds of things and it was something that simple.

You guys are the best. That’s why I use your theme exclusively now. I now have 8 licenses directly and 6 others where the client registered themselves, and it’s because the theme is great and the support is amazing. Thanks again. Topic closed.

Tony

I’m having the same experience. the problem is I can’t find any difference in the settings and the slider on the homepage doesn’t behave in this manner. So .. befuddled.

Hey Ismael,

It is set to 1. The issue is that the slider does in fact play once, but when I scroll down on the page on an iPhone the action of scrolling triggers the slider to reload. This I can’t figure why. Curiously the slider on the home page does not do this and they have the same settings as far as can see.

Thanks,

Tony

Hi Ismael,

On this page:

That video is a mp4 loading on the site itself and which stops instead of looping, but then reverts to the first frame each time.

Thanks

Nope, all good , thanks so much.

Hi Rickard,

Yes that works great, but I don’t understand how to find the appropriate number for the other sliders?

When I look for the slider ID the numbers for these two for instance are 151 and 145, not 1 and 2. I was using the ID that is given for the shortcode before which had been working.

Also the correct convention now is layer_slider_1 not layerslider_1. correct?

Thanks so much for swift reply.

Tony

Yeah I get that the posts are set to flush left, that’s just what I want. I want the excerpts on the main blog page to flush left as well not be justified, however given this page is dynamically created and pulls in the posts up to the read more break there’s no way to code on page to flush left. What css will make the actual blog page have flush left text. I can’t figure out what to target with css to make that happen. It look okay on the desktop but on the mobile view the justified text isn’t pretty.

THanks,
Tony

Been playing with it, it definitely is allowing the same number of lines depth wise on the portrait and landscape view on mobile, problem being it breaks longer on the portrait view and runs out of the box.

Look for instance at portfolio page or any of the blog posts.

I’ve rest the login for you, please let me know if it works.

Ismael,

I saw that was a cut and paste error I think, with the closing bracket on the sticky menu css this still happened on other pages without a color section up top, the page headline is going up behind the page title:

https://specinv.com/wp-content/uploads/2020/03/Screen-Shot-2020-03-03-at-7.41.53-PM.png

OK tinkered much more. Removing all of my old css one a a time and replacing them and I figured out the issue with pages having the headlines shift up.

Using your code:

@media only screen and (max-width:767px){
#top .av_header_glassy.av_header_transparency .header_bg {
background-color: transparent;
opacity: 1;
}
#top #wrap_all .header_color.av_header_transparency {
color: #fff;
}
#top .av_header_transparency {
background: rgba(24, 24, 24, 0) !important;
}
#top #wrap_all .header_color div .av-hamburger-inner,
#top #wrap_all .header_color div .av-hamburger-inner::before,
#top #wrap_all .header_color div .av-hamburger-inner::after {
background: #7c6853;
}
#top .av_header_transparency .header_color div .av-hamburger-inner,
#top .av_header_transparency .header_color div .av-hamburger-inner::before,
#top .av_header_transparency .header_color div .av-hamburger-inner::after {
background: #ffffff;
}
}

Worked great though except the header in mobile view was solid black, so I changed this to match the desktop:

background: rgba(24, 24, 24, .32) !important;

This to match the translucent on the desktop version, but the mobile header stayed solid black so I added this prior to the other css:

@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}}

Now it all works, however…

I’m thinking it might be best practice to combine these into one increment of css.

On the other hand it it ain’t broken don’t fix might prevail here.

What are your thoughts?

Thanks so much once again.

Tony

Kept trying to resolve, I replaced the mobile sticky menu code with this:

/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 180px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}

But the translucency on the home page mobile version was lost, which is what I’m trying to maintain.

See here:

https://sicyber.com/newsite/wp-content/uploads/2020/02/top.jpg

Hey Ishmael,

I’m thinking the solution if the mobile version can’t be sticky is to just hide the full width submenu on the mobile version and enable the regular menu which I already hid on the desktop version. Figured out the css to do this, thanks for your help.

Tony