Thanks Rikard. That worked.

If I wanted this for other pages would i just drop: .page-id-35

Thanks
John

Thanks Rikard.

Updated theme and fixed the issue. Didn’t realize the theme was out of date. My bad.

Many thanks for your time.

Cheers
john

Thanks Ismael,

I ended up using your CSS code which has done the trick.

Many thanks
John

Hi Rikard,

That is perfect.

Only one thing – can i have this background color active only when on mobile as I would like to maintain the transparent header when on PC screen.

Thanks
John

Thanks Rikard.

I tried your code but could not see any change?

Should I remove my previous code in replace of yours or is yours in addition to the code I had?

I also have a little advanced styling in link in pc. Not sure if this affects anything?

Cheers
John

Thanks Jordan.

Link in PC

Cheers John

Thanks Rikard.

I tried playing around with different dimensions and still no joy. I even removed my code to see what it would do and it still had no effect? I have left that code off for now.

I have no idea now why its behaving this way and the logo is to the far left and the menu to the right including the top bar information?

I tried also changing the layout so that the logo is centered and menu below. This worked but when changing back I still have the same issue? I noticed that when the logo/menu was centered the top bar did not; it stayed to the right.

Thanks
john

• This reply was modified 4 years, 8 months ago by aussiedropbear.

Hi support,

I think I may have figured this out with the following:

@media only screen and (min-width: 1550px) {
.html_header_top #top .av_header_stretch .container {
width: 1450px;
}
}

Let me know if you think I need to change anything but for now it has moved the menu wider and the logo has kept its distance.

Would I need to add anything for smaller screen?

Thanks
John

Thanks Rikard.

I’ll give that a shot.

Cheers
JOhn

Thanks Rikard for the update.

I have the following code now in the Quick CSS:

/*—————————————-
// CSS – footer page column layout in mobile view
//————————————–*/
@media only screen and (max-width: 767px) {
.footer_color .av_one_third {
margin-left: 0;
width: 100%;
}
}

@media only screen and (max-width: 767px) {
.av_three_fifth {
margin-left: 0 !important;
width: 100% !important;
}
}

I have tried this on both sites and I am getting inconsistent results when viewing in mobile.

For the GForce home page, the footer page is displaying the text smaller and partner logos show smaller and 3 all in the same area, not stacked one after the other like other pages, but smaller. Go to say ‘Engineering’ page and it is correct?

on the BMC home page, the footer page would appear to be correct but go to say ‘products’ and everything is smaller.

I just wonder is there is something else at play such as how these other pages may be setup and the the footer page is inheriting?

I can’t find anything that stands out that would indicate this?

Many thanks
John

HI Rikard,

Many thanks for the CSS. I have added the extra code and cleared the cache etc. however I am still having the issue in that some pages will resolve the correct size and others are being shrunk? It’s like on some pages, the footer page is being treated differently than on others? Just weird.

Thanks
John

Hi Ismael,

Just created one for you to play around with. Refer PC.

I have left the Google ReCaptcha off on this staging site.

Cheers
John

• This reply was modified 5 years, 2 months ago by aussiedropbear.

Hi Ismael,

Many thanks for checking once more.

I have since disabled the Google ReCaptcha and gone back to the Enfold captcha.

I realize I am missing out on inquiries as I have just found a note dating back to mid September from a protective client as they stated:

“its not letting me put forward an enquiry in “Get in touch” just to let you know..”

Something is broken here and its not any plugin causing the issue. I have tried this multiple times and get the errors. It is odd. I have seen on your forum other having a similar sporadic issue.

I do hope this is not an issue across other sites I have using Enfold and V2 Google ReCaptcha.

Cheers
John

Hi Mike,

I have incorporated your CSS and page layout. Works a treat.

Many thanks for your assistance.

Please close thread.

Thanks
John

Sorry, my bad..

please see image in pc.