Hi Basilis, i replaced the 1920×1080 image with a 1280X720: Better but still to big. It looks ok on a mobile but on my pc screen it looks a bit crappy. When i resize the IE11 screen <767 its responsiveness makes it bigger and then it looks perfect.

• This reply was modified 9 years, 1 month ago by Dutchman.

Hi Elliott! No compatibility view and 100% in IE11 in 1920X1080. Screenshot: http://goo.gl/cQv8qc

Thank you Dbarta but i’m allready using that option but did not fix the problem. I tried:
#infotips .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
But that didn’t help either. I’m still hoping for some repsonsiveness like this http://goo.gl/ZGQpPE and that http://goo.gl/2q6SVq.

Is this why the scroll down Arrow is not working in parallax mode?
But, a more responsive parallax color bg is possible i guess. Example: http://themeforest.net/item/accio-one-page-parallax-responsive-wordpress-theme/full_screen_preview/7059765
There is nothing left then to make the color bg at this page set to fixed on a mobile screen. Can you help me out please?
I use the following code and it works in IE11 but not in the latest Firefox and not in Chrome. The page starts with an emty gray peace and as soon as you scroll down it looks strange. (problem only below 767):

<style type = “text/css”>
.container .content { padding-bottom: 0px !important; }
.main_color {
background-position: top !important;
}
@media only screen and (max-width: 767px) {
.av_one_third {
width: 33% !important;
}
}
@media only screen and (max-width: 767px) {
.av-parallax {
background-size: cover !important;
background-attachment: fixed !important;
background-position: center center !important;
background-repeat: no-repeat !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
}}
</style>

• This reply was modified 9 years, 8 months ago by Dutchman.

The background in this example with parallax option enabled is not responsive: http://goo.gl/YOJRLK. As soon as i change the option from Parallax to fixed or scroll its responsive. I would expect the same output from the color background with Parallax as the output with scroll option and with Fixed option. Long story short:
A) Color background with parallax: not responsive on pc and not responsive on a mobile + scroll down Arrow does not work on a mobile. (this is the problem i’m talking about)
B) Color background with fixed background: responsive and the scroll down arrow works on a mobile. Works nice, no problem here.
C) Color background with scroll background: responsive and the scroll down arrow works on a mobile. Works nice, no problem here.
1. Why is there difference in scaling/responsiveness between A and B+C?
2. Why is the scroll down Arrow not working in parallax mode?

Hi Josue! The screecast url doesn’t work. The problem is in the parallax option. As soon as that option is active in the color background, there is no repsonsiveness at all. With the scroll option active its a bit more responsive but not complete. And with the parallax option the scroll down Arrow doesn’t work on a mobile. And on a pc, there is no scaling whatsoever on the background image when parallax mode is active.

Opened the file AVIA.JS in Adobe Dreamweaver and changed line 88 from
$(‘a[href*=#]’, container).avia_smoothscroll(container);
to Josue’s mod
$(‘a[href*=#]’, container).not(‘.wpts_li_a’).avia_smoothscroll(container);
Adobe gives me a script error. Then i noticed the typo in the mod. $(‘a[href*=#]’ and should be $(‘a[href*=#]’. The last character. You have to look very good to notice the difference. (at least i do) Uploaded the file. Problem solved!!!
You guys are unbelievable wizards… Thanks!

Hi Josue, yes it works but it disables the smooth scrolling and scroll back to top icon. I would like a combination of smooth scrolling and my tabs.
Check this picture please : http://goo.gl/nKZHAr I would like the smooth scrolling to be active on the green selection of anchors but not on the red selection.

Hi Josue!
As soon as i add this line i get a script error in Adobe Dreamweaver. Should i ignore it?

Hey Günter, it works!!! Now i have the social toolbar on every page i like with the background i choose.
Thank you!

Thank you guys!! Works like a charm!

Thanks Josue!! I removed the option with 2x 1/4 displayed on a mobile. But there is one page where i would like display 2x 1/4:
The following css did the job.
——————————————————————
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column {
width: 48%;
margin-left: 4px;
margin-right: 4px;
}
}
——————————————————————-
How can i apply this on just one page only on a mobile in landscape modus.(not in landscape)?
re: 2. In the socket i have a text displayed: “shortcode not loaded”. How can i remove this?
Here is an example with this socket text. http://goo.gl/8LJkUO
Its the same page where i would like to display 2x 1/4 out of 4 on a mobile in landscape modus.(not in landscape)

Hi Elliot,
That doesn’t help. It inherits 50px padding-top and 50px padding-bottom from .content, .sidebar. If your solution with that custom separator would overrule those 50px’s that would be great. I would like to adjust the padding ( 50px top and 50px bottom) but only on this page. I don’t want the padding to be adjusted on the homepage.