Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 26, 2015 at 3:32 am #418293
    Brutalben

    My website has shrunk to about 50% width, it used to be 1400px wide, all I did was edit some text on my home page and my whole site shrunk in width. I tried restoring a previous revision but its still shrunk. If i change the dimension setting nothing happens on my live site. Any ideas? I didnt change any other settings.

    March 26, 2015 at 3:48 am #418295
    Brutalben

    Its something to do with my quick CSS area, if I remove the text there the site restores to full width. Heres what I have there:

    @media only screen and (max-width: 767px) {
    .page-id-734 .avia-builder-el-22 .avia-image-container-inner{
    display:none !important;
    }
    input[name=”post_password”] {
    background: red !important;
    }
    @media only screen and (max-width: 767px) {
    .home #av_section_5 .avia-slideshow { display: none !important; }
    }
    @media only screen and (min-width: 767px) {
    .phone-info {
    position: relative;
    top: 20px;
    font-size: 24px;
    }
    #top #header .social_bookmarks li a {
    font-size: 30px;
    line-height: 80px;
    min-height: 80px;
    width: 80px;
    }}

    Can these be updated to work with the newest version of your theme while still having these CSS benefits? Thanks!

    March 26, 2015 at 3:58 am #418297
    Brutalben

    Upon further inspection W3 total cache minify setting seems to be causing the issue with the width (any idea why?) however my custom CSS on mobile also doesn’t seem to be working, and my social icon CSS doesnt seem to be working on desktop either.

    • This reply was modified 9 years, 7 months ago by Brutalben.
    March 26, 2015 at 12:03 pm #418453
    Rikard

    Hey!

    It’s displaying fine on my end, did you manage to get it fixed? http://imgur.com/EfZR8IJ

    Regards,
    Rikard

    March 26, 2015 at 8:35 pm #418791
    Brutalben

    The width is fixed if i disable wp cache plugin, but then my site is really slow. Mobile CSS is no longer working, the image and slider that are supposed to be hidden are showing on mobile. Also my social media icons are way smaller than they used to be, they were approx the same size as the phone number on the opposite side. Can you help me fix my custom CSS?

    Here is what I have:

    @media only screen and (max-width: 767px) {
    .page-id-734 .avia-builder-el-22 .avia-image-container-inner{
    display:none !important;
    }
    input[name=”post_password”] {
    background: red !important;
    }
    @media only screen and (max-width: 767px) {
    .home #av_section_5 .avia-slideshow { display: none !important; }
    }
    @media only screen and (min-width: 767px) {
    .phone-info {
    position: relative;
    top: 20px;
    font-size: 24px;
    }
    #top #header .social_bookmarks li a {
    font-size: 30px;
    line-height: 80px;
    min-height: 80px;
    width: 80px;
    }}

    March 29, 2015 at 5:26 pm #420026
    Ismael

    Hi!

    There’s a missing curly braces right after this line of code:

    input[name=”post_password”] {
background: red !important;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.