Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 26, 2016 at 12:48 am #664993
    djshortkut

    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 7 years, 10 months ago by djshortkut.
    July 26, 2016 at 12:51 am #664997
    Josue

    Hi,

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

    Regards,
    Josue

    July 26, 2016 at 3:02 am #665089
    djshortkut

    Sure, here you go.

    July 26, 2016 at 3:29 am #665096
    Josue

    Hi,

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

    Best regards,
    Josue

    July 26, 2016 at 3:41 am #665105
    djshortkut

    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.

    July 26, 2016 at 3:46 am #665107
    Josue

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

    July 26, 2016 at 5:30 am #665133
    djshortkut

    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;
}
    July 27, 2016 at 3:23 am #665581
    Josue

    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 7 years, 10 months ago by Josue.
    July 27, 2016 at 5:47 am #665606
    djshortkut

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

    July 27, 2016 at 7:47 am #665625
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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