Forum Replies Created
-
AuthorPosts
-
June 11, 2021 at 5:19 am in reply to: transparent header on mobile view using different header styles #1305181
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
Johnthanks Nikko.
that did the trick
So if I had other social icons to do the same do I just try changing the name, say from .av-social-link-facebook to .av-social-link-instagram
Cheers
JohnThanks Jordan.
Link in PC
Cheers John
Many thanks Nikko.
That did the trick.
Cheers
JohnThanks 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 3 years, 7 months ago by aussiedropbear.
Thanks Yigit.. that definitely helps.
I am now trying to close up logo and menu as they seem to be placed to the far left and right of the screen? Is this a result of my code:
@media only screen and (min-width: 1550px) {
.html_header_top #top .av_header_stretch .container {
width: 1450px;
}
}I would like to have them positioned more to the centre of the screen relevant to one another. see image in PC..
Thanks
JohnHi 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
JohnHi Rikard,
Many thanks for getting back to me. I’ve been away hence delay in replying.
The two areas are the same colour. Its odd that there is no complete close up of the two sections to reduce this.
I think it may be an issue with the image itself though so please leave with me to play some more with it.
Cheers
JohnThanks Rikard.
I’ll give that a shot.
Cheers
JOhnThanks Victoria.
That did the trick. Please close thread.
Cheers
JohnThanks 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
JohnThanks Ismael for looking into this further.
I’ll leave it off the live site for now and will test the staging site to see if I can replicate there as well.
Cheers
JohnHI 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
JohnHi Ismael,
For some reason I reset the password and it too didn’t work?
Please try the temporary link below.
Cheers
JohnHi 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 4 years, 1 month ago by aussiedropbear.
Hi Rikard,
Many thanks for getting back to me.
As I have a similar footer page setup on another site I was hoping to kill two birds with one stone withe the code. I applied the CSS there and it fixed the 3 columns but I still have an issue with the partner logo section, the heading above this and the special heading section directly below. (see images). It’s best viewed on the other site – BMC, as it shows the issue better.
On the BMC home page in the footer page section when viewed on mobile, the partner logos with heading above and special heading below logos are OK and display correctly but when you navigate to ‘products’ or ‘services’ page, these sections are being shrunk down? On pages home, gallery and about they are not?
It’s a weird inconsistency being applied to some pages and not others?
thanks in advance
JohnHi 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
JohnThanks for getting back to me.
That is weird.. I just tried it on chrome and Edge and get the error?
“Sorry, but the session time for this page has expired. Please reload the page.”
I’m not sure what to ?
Cheers
JohnSeptember 21, 2020 at 12:00 am in reply to: Adjusting spacing between cells in color section #1247198Hi Mike,
I have incorporated your CSS and page layout. Works a treat.
Many thanks for your assistance.
Please close thread.
Thanks
JohnSeptember 20, 2020 at 2:46 am in reply to: Adjusting spacing between cells in color section #1247034Hi Mike,.
That is great. The only issue is when its viewed on mobile is that the boxes stack up and overlap one another
Thanks
John
September 19, 2020 at 3:45 pm in reply to: Adjusting spacing between cells in color section #1246999Sorry, my bad..
please see image in pc.
Many thanks. Did the trick
Cheers
johnHi Ismael,
Thanks for the reply.
I’m ok where to add it I’m just not sure which code i am to be adding.. is it all of it? I don’t want to add bloat if I do not need it all.
Thanks
JohnThanks Jordan. All good.
Please close thread.
Cheers
JohnThanks Jordan..perfect. Please close thread.
Cheers
JohnThanks Jordan,
Many thanks.
If I add the code as below it doesn’t seem to work? But if I remove the active state and leave only the hover state it flashes briefly to the rounded state and then back to square edge; though the rounded state seems to be there but faded somewhat? The behavior can be viewed on the home page in link below. Is there perhaps a button color setting interfering with this? I have left the code as hover state for now so you can see.
/*—————————————-
// CSS – rounded buttons
//————————————–*/
a.avia-button {
border-radius:30px !important;
}
a.avia-button:hover {
border-radius:30px !important;
}Hi,
See PC below. Then go to the gallery menu.
Thanks John
Hi Victoria,
That could be a good alternative I guess.
Thanks
JohnThanks Mike.
That’s great.
i can play with this some more now.
I think we can close the thread.
Cheers
JohnThanks Mike.
Added the code to the functions.php – All good and working.
Could you let me know what to add and where to make it specific to a page please. The page in question is in PC below.
Many thanks
John -
AuthorPosts