olsen theme crashes

  • neeville

    (@neeville)


    7 years, 5 months ago

    Hi, i am new to wordpress, i used olsen light theme to create my wordpress website.
    however i created a child theme using the child theme configurator plugin, the site was working
    fine, but i later realize that all the custom css i made on the theme no longer functions again,
    most especially on mobile and tablet view, but functions well on desktop view.
    i am deeeply confused, i look forward for your positive response.
    Kindly consider me in good concern… Thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Nik

    (@nvourva)

    7 years, 5 months ago

    Hello there!

    Could you please provide some more info on which modifications do not work on the mobile view of the site?

    Thread Starter neeville

    (@neeville)

    7 years, 5 months ago

    i mean small css like font, colors, header, footer etc everything has been return to default before my custom css but like i said earlier, the pc version is still stable with all my css still functioning properly. thanks for your prompt reply, waiting to hear from you again.

    Nik

    (@nvourva)

    7 years, 5 months ago

    In order for the theme to be responsive (i.e. to appear good and be functional on all devices) it has different style sets for different screens. These are applied via CSS media queries. Most likely on your site you have only worked on styling for desktops and that’s why it only appears as you like it there. Mobile styling has not been affected because the theme’s default media queries have not been altered. Take a look at this tutorial which explains media queries https://www.webucator.com/tutorial/advanced-css/media-queries.cfm for more information. Also MDN has a pretty extensive coverage of media query usage https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

    Thread Starter neeville

    (@neeville)

    7 years, 5 months ago

    hi, again thanks for replying. Like i said earlier the css use was functioning properly on both mobile and desktop version till i decided to upload a logo. at first the logo uploaded without issues then i later decided to to increaase the font size of the logo via css. i did not succeed in setting the logo font to my test but i decided to let it be. Then about 2 days later i realise that the theme was back to default. the plug ins, widgets etc are still in place but css code are not working. The desktop view still looks like nothing ever happen though. please help as i have been searching for a solution all this while but nothing is working. thanks

    Nik

    (@nvourva)

    7 years, 5 months ago

    I took a look at your custom CSS there are some linting errors and perhaps they are the cause of the issues you are facing.

    For example, you are starting a media query in line 27 but you never end it, instead you start a new one in line 88. This means that the second media query won’t ever fire. Similarly there are linting errors at the end of your custom stylesheet.

    You can use an online linter such as this one or if you are using a code/text editor that comes with CSS linting support, use that to fix these issues. Then you should be ok.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘olsen theme crashes’ is closed to new replies.