[Resolved] WooCommerce My Account Page

[mc208]

What am I missing here with the My Account page?

[mc208]

same with the non-logged in version

[Tom]

Hmm, any custom CSS on the site?

Here’s what I get: https://www.screencast.com/t/0MClzy1j

[mc208]

I removed all the CSS from simple css that I had for the other theme. The only CSS I have left is:

/* Elementor tablet columns to 100% */

@media (max-width:768px) {
  .elementor .elementor-row {
  flex-direction: column;
 }

  .elementor .elementor-column {
  width: 100%;
 }
}  

/* Faster Youtube Embeds*/

.youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 105%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("//i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }

/* fix scroll to anchor issue*/
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
  content: "";
  display:block;
  height: 80px; /* fixed header height*/
  margin: -80px 0 0; /* negative fixed header height */
  visibility: hidden;
}

/*Strong Testimonials*/
.strong-view-pages ul.strong-view-nav li a {
    color: #fff;
    font-size: 1.3em;
}

.strong-view-pages ul.strong-view-nav li.current-page a {
    background: #d17504 !important;
    color: #FFF !important;
}

/* WooCommerce*/

#my_custom_checkout_field {
    background-color: rgba(239, 202, 149, 1);
    padding: 10px;
    border-radius: 11px;
}

[mc208]

I don’t get it,, I just revisited the page and it looks right, so strange! Ok, so that problem fixed itself somehow.

[Tom]

Blame cache 🙂

Glad it’s working now!

[Author]

Posts