Advertisement:

Author Topic: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING  (Read 4386 times)

Liath

  • issues
  • Hero Member
  • *
  • Posts: 1346
  • </html> the end is always near
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #30 on: September 29, 2017, 01:29:29 am »
you could have 20 search forms on your page without any problems, but only if they are not nested

Darwazo

  • Full Member
  • ***
  • Posts: 112
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #31 on: September 29, 2017, 02:45:38 am »
Wow !! working perfect ....dream come true ;)
Thank you very much Liath and Marius ...you guys are champions !!  & its implemented now on web wwww.darwazo.com
Thanks
« Last Edit: September 29, 2017, 04:13:12 am by Darwazo »

mrtsoftware

  • Sr. Member
  • ****
  • Posts: 343
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #32 on: October 05, 2017, 11:01:30 am »
Darwazo , please check your web site's " CONTACT " form, I can not send message to you , it gives error, see secreenshoot

Darwazo

  • Full Member
  • ***
  • Posts: 112
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #33 on: October 05, 2017, 02:44:02 pm »
Thank u for your time mrtsoftware , appreciated !
I guess its fixed now !
Solution: I had activated option to Upload file in Contact form in Default settings of osclass. Its unchecked now.

mrtsoftware

  • Sr. Member
  • ****
  • Posts: 343
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #34 on: October 05, 2017, 04:02:44 pm »
I have submitted contact form, can you please answer me with your private email, I need your helps regarding same problems you solved.

Darwazo

  • Full Member
  • ***
  • Posts: 112
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #35 on: October 05, 2017, 05:45:44 pm »
Did you get my reply !!
I'm basically learner !! officially non-coder !! but I am up for any help I could extend to you within my knowledge. Fingers crossed ! n thank you again

Liath

  • issues
  • Hero Member
  • *
  • Posts: 1346
  • </html> the end is always near
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #36 on: October 05, 2017, 06:22:39 pm »
@mrtsoftware
just ask if you need any help

Darwazo

  • Full Member
  • ***
  • Posts: 112
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #37 on: October 05, 2017, 08:31:16 pm »
Hi Liath,
Since my theme is osclasswizards, on smartphone/mobile - while opening my site, half of screen is covered with freezed search part. Any solution to this?

1 - Either fixed part should not come on mobile version
2 - or in mobile version, it shows only as SEACH Area and Seach Button ( i.e. search bar without categories,region and city).

Thank you in advance


marius-ciclistu

  • issues
  • Hero Member
  • *
  • Posts: 1623
  • "BE GRATEFUL TO THOSE THAT SUPPORTED YOU"
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #38 on: October 05, 2017, 08:33:56 pm »
...

But...this is not a good idea because you keep 500 px from your view page blocked.

....


Darwazo

  • Full Member
  • ***
  • Posts: 112
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #39 on: October 05, 2017, 09:04:59 pm »
Marius ..u were right but I didn't get it at that time :(...You are experience pro champ and could foresee this as an issue on mobile.

May be any option that fixation / freezing only applies with screen size is bigger than 6/7 inches wide?  ??? ??? ??? :-\

Thank you very much ....

marius-ciclistu

  • issues
  • Hero Member
  • *
  • Posts: 1623
  • "BE GRATEFUL TO THOSE THAT SUPPORTED YOU"
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #40 on: October 05, 2017, 09:12:35 pm »
You could unfreeze the header on mobile devices via javascript (if that was the solution you chose), but I let Liath change the code.

Liath

  • issues
  • Hero Member
  • *
  • Posts: 1346
  • </html> the end is always near
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #41 on: October 05, 2017, 09:43:43 pm »
make use of media queries, choose your preferred max-display-size and reset the position
https://www.w3schools.com/css/css_rwd_mediaqueries.asp


e.g.
Code: [Select]
@media only screen and (max-width: 500px) {
    #header .banner_none {
          position: unset !important;
    }
}


marius-ciclistu

  • issues
  • Hero Member
  • *
  • Posts: 1623
  • "BE GRATEFUL TO THOSE THAT SUPPORTED YOU"
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #42 on: October 05, 2017, 10:27:53 pm »
And I am happy that I let you Liath give the solution. I wouldn't have thought about your given solution.
I was thinking about window width > 500 px.


Code: [Select]
$(window).scroll(function() {
if($(window).width() > 500){
    if ($(this).scrollTop() > 139) {
        $('#form_vh_map').addClass('sticky');
    } else {
        $('#form_vh_map').removeClass('sticky');
    }
}
});
« Last Edit: October 05, 2017, 10:36:04 pm by marius-ciclistu »

Liath

  • issues
  • Hero Member
  • *
  • Posts: 1346
  • </html> the end is always near
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #43 on: October 05, 2017, 10:49:12 pm »
And I am happy that I let you Liath give the solution. I wouldn't have thought about your given solution.
I was thinking about window width > 500 px.
your solution is possible also...

Darwazo

  • Full Member
  • ***
  • Posts: 112
Re: OSCLASSWIZARD: FREEZE / FROZEN HEADER WHILE SCROLLING
« Reply #44 on: October 06, 2017, 05:35:35 am »
Thank you very much Liath and Marius for help out.

Initially I struggled with both codes........
but lateron I realized 500px is not enough while testing code on localhost to see impact ....and after changing to 900px or above  I achieved the result.

I pasted following code (with or without .sticky and achieved result)

@media only screen and (max-width: 900px) {
#header .banner_none { position: unset !important; }   
}

What should be optimal size which only applies to mobile ( I guess 1024px)?. I believe fixed position is good in Tablets....any thought...


B/w...Thank you very much Guys !! #Champs