Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 9, 2014 at 2:54 am #249020
    joelmeaders

    Hello,

    I set up a child theme which only contains style.css, header.css and 2 files to remove “author” from blog roll and archives.

    No matter what I add I cannot get any mobile CSS working in style.css(the child theme style.css), custom.css and quick CSS section. All regular code works but that’s it.

    I tried using this with no result, below is only 1 example:
    @media only screen and (max-width: 767px) {
    #llBanner {
    display: none !important;
    }}

    I also tried it without !important and in all three CSS areas at once (style.css, custom.css, Quick CSS)

    http://www.laxlibrary.com
    mobile.laxlibrary.com

    I want to remove the llBanner div, the text slider bullet points that only show in mobile, the sidebar/widgets and footer. Any help would be greatly appreciated!

    • This topic was modified 10 years, 7 months ago by joelmeaders.
    April 9, 2014 at 5:20 am #249069
    Josue

    Hey Joel!

    Your style.css seems to be missing:
    http://www.laxlibrary.com/wp-content/themes/LAXLibrary/style.css?ver=1

    Cheers!
    Josue

    April 10, 2014 at 5:12 pm #249848
    joelmeaders

    There is a space in the theme folder URL:
    http://www.laxlibrary.com/wp-content/themes/LAX%20Library/style.css?ver=1

    April 10, 2014 at 6:20 pm #249873
    Devin

    Hi!

    Child theme folders, and them folders in general shouldn’t have a space. That is probably the root of your issue. Eg, in your source the style.css is getting pulled from:
    <link rel='stylesheet' id='avia-style-css' href='http://www.laxlibrary.com/wp-content/themes/LAXLibrary/style.css?ver=1' type='text/css' media='all' />

    Best regards,
    Devin

    April 11, 2014 at 1:22 am #249996
    joelmeaders

    Thank you, Devin. I made the change to the child theme and got everything back up and style.css is now being used, however mobile only CSS is still not working.

    I currently have this in style.css and Quick CSS to test without luck. I did try on 3 devices, different browsers and cleared cache.

    @media only screen and (max-width: 767px) {
#llBanner {
display: none !important;
}
.mobileOption {
	display:none !important;
}
}
    April 11, 2014 at 2:07 am #250020
    joelmeaders
    This reply has been marked as private.
    April 11, 2014 at 2:52 am #250043
    Josue

    Hi!

    Check it now, i fixed some typos on your style.css.

    Best regards,
    Josue

    April 11, 2014 at 6:33 am #250113
    joelmeaders

    It doesn’t seem to work on mobile still. It’s like it’s not picking up the stylesheet there. I do want to thank you for all of your help so far, I am sure we’ll get this resolved :)

    • This reply was modified 10 years, 7 months ago by joelmeaders.
    April 11, 2014 at 8:21 am #250128
    Devin

    Hey!

    Not sure what you mean by not working. The media query is being applied correctly and the rules inside are taking effect below 767px.

    In general we are not able to support debugging custom css but with this there isn’t an issue that I can see so I wouldn’t even recommend a freelance developer to assist since by all appearance its working as intended.

    Cheers!
    Devin

    April 11, 2014 at 7:55 pm #250365
    Josue

    Hi,

    I checked your website on a tablet and it redirects me to mobile.laxlibrary.com, which loads a non-Enfold version of your site, you may want to disable that functionality if you want to see the changes done in the CSS.

    Regards,
    Josue

    April 11, 2014 at 8:34 pm #250370
    joelmeaders

    I have a very strong feeling now that the owner of the site turned on some sort of godaddy feature that is overriding enfold completely!

    Thank you very much for the assistance and that makes perfect sense. I ran a copy of this on my own apache/mysql server and the mobile site runs as it should. This is the first time I’ve run a site with enfold so I didn’t even know that wasn’t your mobile version. I wasted so much time on this.

    • This reply was modified 10 years, 7 months ago by joelmeaders.
  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘No mobile CSS will work – Child Theme’ is closed to new replies.