Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Custom CSS not working when in Mobile browser

    General Discussion
    2
    2
    1148
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • G
      gemini last edited by

      Hi. I have put in some custom css. In a regular browser size the CSS styles works perfectly fine until I make the browser smaller. Here is the example of the issue. Thanks.

      http://clients.cutepose.com/front/

      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by

        Hey!
        On that website I see "@media only screen and (max-device-width: 480px) {}" as a text on the site. You should probably put <style></style> tags around that css if you want that to work.

        Now to your question:
        In "Lay Options" -> "Custom CSS & HTML" there are two CSS fields:
        "Custom CSS for desktop" and "Custom CSS for mobile". If you want some css to apply to both mobile and desktop you need to put your css into the two fields.

        Maybe it's easier if you just put a style tag into the field "Custom <head> content" (which is below "Custom CSS for Mobile Version"):

        <style>
        /*your styles for mobile and desktop here*/
        </style>
        
        1 Reply Last reply Reply Quote 0
        • First post
          Last post
        Post a link to where the problem is if possible, please <3
        I don't answer or check forum DMs, please just post on the forum.
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

        Before you post:

        Use the Search Feature. Maybe there is already a solution to your issue.

        1. Update Lay Theme and all Lay Theme Addons
        2. Disable all Plugins
        3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
        4. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
        Go here, see if your problem is listed here:
        Troubleshooting

        When you post:
        1. Post a link to where the problem is
        2. If the problem is difficult to explain, post screenshots / link to a video to explain it

        Thanks!

        Online Users

        H
        M

        Recent Topics

        • H

          Vimeo embed with autoplay and loop is really slow...help!

        • B

          FILTER Categories showing all projects

        • A

          website not loading on iphone safari

        • Gridder hides content / thumbnail grid

        laytheme.com