Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 31, 2020 at 10:38 am #1199283
    StormWebDesign

    Hi,

    For some reason any custom css that I’ve written to reduce font sizes and page styling across different devices has stopped working.

    It’s fine on desktop and iPad, but not on mobile, but it was all fine yesterday? I’ve started all css entries with, for example:

    @media only screen and (max-width: 768px) {
    @media only screen and (min-width: 769px) and (max-width: 989px) {
    @media only screen and (min-width: 990px) {

    I did install WP Fastest Cache yesterday and the site was functioning okay, but not today so I’ve removed it with no effect. I’ve cleared the cache on my mobile and also tried different mobile browsers, but again with no effect.

    Would you mind taking a look please, site details in private section.

    Thanks in advance,
    Johnny

    April 1, 2020 at 2:23 pm #1199760
    Rikard

    Hey StormWebDesign,

    Thanks for the login details. Could you point out an example which is not working on mobile? I had a quick look in your Quick CSS box and it looks like you have open media queries, for example:

    @media only screen and (min-width: 768px) {
#top .logo img { 
    width: auto;
    height: auto;
    max-height: 100%;
margin: 24px 0 0 0;
}

/* Logo on Scroll */
.header-scrolled .logo img, .header-scrolled.header-scrolled-full .logo img {
    max-height: 25px !important;
    margin-top: 8px !important;
}

    You need to close all queries properly, otherwise all CSS within them will only apply to that screen width.

    Best regards,
    Rikard

    April 1, 2020 at 5:46 pm #1199821
    StormWebDesign

    Hi Rikard,
    Thank you for taking the time to look into this. Ive been through the CSS several times and didn’t spot that. I appreciate the time you took to provide your feedback. Excellent support.
    Johnny

    April 2, 2020 at 10:07 am #1200069
    Rikard

    Hi Johnny,

    Thanks for your kind feedback. So your CSS is working now after you fixed the open media query?

    Best regards,
    Rikard

    April 8, 2020 at 3:29 pm #1201934
    StormWebDesign
    This reply has been marked as private.
    April 8, 2020 at 11:58 pm #1202056
    Nikko

    Hi StormWebDesign,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS Stopped Working on Mobile’ is closed to new replies.