Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1427354
    Jonathon Parris


    I have been using Enfold for a couple years and have decided to use the “custom.css” file to edit my sites. I’m trying to use the @media queries to react to mobile and desktop but the media queries won’t take affect. May I ask for some assistance? I will copy my current CSS into the next field.


    Hey Jonathon Parris,
    Thanks for the css, the issue is that your css for the H2 & H3 tags are don’t have enough specificity, you need to add some IDs and classes to override the theme css, like this:

    @media only screen and (max-height: 767px) {
    #top .main_color h2 {
    font-size: 30px;
    line-height: 30px;
    font-family: "Bangers";
    #top .main_color h3 {
    font-size: 45px;
    line-height: 45px;
    font-family: "Bangers";

    If this doesn’t help please log into the support forum and open a new thread with the url to the page in question so we can examine the specific element closer.
    Please note that using the contact form is not appropriate for support question.
    If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.

    Best regards,

    This reply has been marked as private.

    Glad we were able to help, if you have any further questions please log into the support forum and create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enfold Theme (custom CSS @media queries)’ is closed to new replies.