Sign In required verbiage page location – not readable

[cryptotaxfixer]

Hi. I’ve noticed that if a site visitor goes to a member protected page and is not logged in, the verbiage and links that say ‘Please sign in… or sign up today…’ is all the way at the top of the page and partially behind our top menu header. It’s hardly visible and you can’t click on the links. I have a screenshot if you let me know how I can send that. How can I get this verbiage to be further down the page and visible?

Here’s one such page: cryptotaxaudit.com/member-login/open-a-crypto-audit-defense-case/

Thanks.

[wzp]

That seems like a theme conflict. Have you done the following test?

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

You can use PicPaste+ to post your screenshot, and then provide the link:

https://www.picpasteplus.com/

Alternatively, you can provide a Dropbox shared link.

I visited the link you posted; but could not “see” what problem you were referring to.

[cryptotaxfixer]

Hi. Sorry to not answer for so long. We still have this issue. I tried using the PicPaste and it seems to show nothing: picpasteplus.com/index.php?action=list&folder=&image=000000000000[CTA%20Member%20Login].txt

If you go to the link you should be able to see that the area saying you have to log in is hardly visible because it’s behind the logo and top header: cryptotaxaudit.com/member-login/open-a-crypto-audit-defense-case/

It seems like it is conflicting with the theme (DIVI visual builder), but even then isn’t there something that can be done to fix this?

[wzp]

Based on all the other customization that you have for DIVI, it can be problematic sometimes. Please refer to this previous thread for the gory details:

https://support.tipsandtricks-hq.com/forums/topic/wp-affiliate-divi-theme-total-breakdown

[admin]

The HTML looks messed up on that page. Your main content area seems to be going all the way to the top (behind the header and logo area).

Maybe try the following CSS tweak to put some maring so your main content sits below the header area.

div#main-content {

margin-top: 150px;

}

[cryptotaxfixer]

Hi! That coding affected all the pages, but I was able to finally inspect the login message and saw the code so I could add some CSS for that and it worked great!

Here’s the code: .eMember_protected_message_default {margin-top: 200px !important;}

This way it’s not affecting the header on all pages. Thank you for the help!

[Author]

Posts