Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #664993

    I am trying to add a 30px fixed frame to my website, however, when I select this option, nothing changes and it is still fullwidth. Is there something I am missing? I have the newest version of the theme installed 3.6.1 Can you please let me know what I need to do to get this working? Thanks!

    • This topic was modified 8 years, 5 months ago by djshortkut.
    #664997

    Hi,

    Can you please create us a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    #665089

    Sure, here you go.

    #665096

    Hi,

    It’s caused by a code in Quick CSS, please review your Quick CSS custom code.

    Best regards,
    Josue

    #665105

    Thanks. Can you tell me which code is causing this in my quick css so I can remove/modify it to fix the issue? I have no idea where to start.

    #665107

    Try removing big chunks of code until you find the offending one (you can do that live using web inspector > sources).

    #665133

    So I found the chunk of code that is causing the issue. Unfortunately it is code that I need on my site. All of this code has to be removed in order for the fixed frame to work on my site. Not sure why this particular code would be affecting the use of the fixed frame anyway. Any ideas on how to make the fixed frame work while still using this code?

    @media only screen and (max-width: 1024px) {
    .page-id-4990 .av-overlay-on-hover .av-image-caption-overlay {
      opacity: 1;
      filter: alpha(opacity=100);
    }}
    
    @media only screen and (max-width: 1024px) {
    .page-id-4990 .av-caption-image-overlay-bg {
        background-color: rgba(0,0,0,0.2) !important;
    }
    
    @media only screen and (max-width: 1024px) {
    .page-id-5276 .av-overlay-on-hover .av-image-caption-overlay {
      opacity: 1;
      filter: alpha(opacity=100);
    }}
    
    @media only screen and (max-width: 1024px) {
    .page-id-5276 .av-caption-image-overlay-bg {
        background-color: rgba(0,0,0,0.2) !important;
    }
    
    @media only screen and (max-width: 767px) {
    ul#mobile-advanced {
      padding-top: 0;
      margin-top: 80px;
    }
    
    @media only screen and (max-width: 480px) {
    #advanced_menu_hide {
      top: 40px !important;
      right: 28px !important;
    }
    #665581

    You have three unclosed media queries here:

    
    @media only screen and (max-width: 1024px) {
    .page-id-5276 .av-caption-image-overlay-bg {
        background-color: rgba(0,0,0,0.2) !important;
    }
    
    @media only screen and (max-width: 767px) {
    ul#mobile-advanced {
      padding-top: 0;
      margin-top: 80px;
    }
    
    @media only screen and (max-width: 480px) {
    #advanced_menu_hide {
      top: 40px !important;
      right: 28px !important;
    }

    Best regards,
    Josue

    • This reply was modified 8 years, 5 months ago by Josue.
    #665606

    Yep, that was it. Thanks Josue, you rock! You can close this ticket.

    #665625

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Fixed Frame’ is closed to new replies.