Message to John (merlojh)

[merlojh]

Another problem is that the PayPal button does not work on mobile does not show up at all on my phone and on tablet covers logo can that be solved? John

[merlojh]

Looks good on tablet now but on phone it is over the logo. John

[scrambler]

I am sorry John, but this is just not working this way as there is an interference between the site logo and the buttons that cannot be resolved.

You will need to go back to my first suggestion, and we will have to see what we can do about your menu alignment issue. Take the time to complete each step below!

• Remove the Button HTMl from the Advanced options > HTML Insertion > pre wrapper area
• Put it back inside Main options > Menus > Primary menu bar > Menu Right HTML box
• Put the menu BG colr back in instead of transparent.
• Replace all the CSS by the original one below and we will take it from there.

.wvrx-menu-right {position:absolute;top:0;right:0;margin-top:0;}
#nav-primary ul.wvrx-menu {padding-top: 2em;}
ul.wvrx-menu {margin-left:0;}
.menu-primary .custom-logo-on-menu {margin-right:0;}
.is-phone .wvrx-menu-right {position:relative;}

[merlojh]

On phone the PayPal button is over the logo name  OK on tablet John

[scrambler]

If you moved the button HTML back inside the Menu right HTML box instead of the pre wrapper box, then can you clear all your caches, because I am still seeing the paypal button inside the pre wrapper area instead of the Menu Right HTML

Singing Tree Project

[merlojh]

Not working on phone covering logo fine on tablet John

[merlojh]

The button does not work at all now cannot click on it? Not working on phone is over the logo? Not sure what is wrong or what I did wrong. John

[merlojh]

Form action is not working any more? Are you getting my messages? John

[scrambler]

@merlojh

John, please confirm if you have seen my message (6th above your last) with the reference below

#67190

It had my instructions, which you clearly have not followed!

Below are these instructions again

---

I am sorry John, but this is just not working this way as there is an interference between the site logo and the buttons that cannot be resolved.

You will need to go back to my first suggestion, and we will have to see what we can do about your menu alignment issue. Take the time to complete each step below!

• Remove the Button HTMl from the Advanced options > HTML Insertion > pre wrapper area
• Put it back inside Main options > Menus > Primary menu bar > Menu Right HTML box
• Put the menu BG colr back in instead of transparent.
• Replace all the CSS by the original one below and we will take it from there.

.wvrx-menu-right {position:absolute;top:0;right:0;margin-top:0;}
#nav-primary ul.wvrx-menu {padding-top: 2em;}
ul.wvrx-menu {margin-left:0;}
.menu-primary .custom-logo-on-menu {margin-right:0;}
.is-phone .wvrx-menu-right {position:relative;}

[scrambler]

@merlojh

Are you seeing my message just above this one with the number #67203 , from January 30, 2021 at 02:33 UTC ?

[merlojh]

Yes thanks so much for the help on this everything looks good now.

So sorry about the time it toke and all the confusion. Not sure why not getting your responses?

Thanks again John

[scrambler]

There is extra space on desktop that needs to be removed by deleting the rule below
#nav-primary ul.wvrx-menu {padding-top: 2em;}

And add the rule below to avoid extra space when the menu stacks under the logo

@media (max-width:1006px) {.menu-primary ul {margin-top:0px;}}

[Author]

Posts