Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #93350
    AndreHeil
    Participant

    Hello all,

    I just wanted to make the layout wider. From 1000px to 1150px.

    In the style.css file I saw the responsable setting:

    .site {
    	width: 1150px;
    }

    The responsive layout is only working when I edit the original file.

    But: It is not working when I am using
    1. a child theme
    2. the customize css style option in theme editor

    Is this a “bug” or my fault?

    Kind regards
    André

    #93367
    Pratik
    Keymaster

    @andreheil:
    Code should work on both child theme and custom CSS from theme Customizer.
    Can you post in your site url and set the code in Theme Customizer. I will need to check it and see before I can say anything further.

    Regards,
    Pratik

    #93376
    AndreHeil
    Participant

    Thank you for your quick reply.

    I added

    .site {
    	width: 1150px;
    }
    #primary {
    	float: left;
    	width: 740px;
    }

    to –removed on user request–

    As you can see, when you a sizing the explorer smaller, the responsive theme is incorrect.

    When I edit these two options in original style.css file, everthing is working like a charm –removed on user request–

    I would be great if you can remove the links here after this topic is finished 🙂

    Thank you in advance,
    André

    #93422
    Pratik
    Keymaster

    @Andreheil:
    Please use following code and let me know how it works out:

    
    @media screen and (min-width: 1024px){
        .site {
    	width: 1150px;
        }
        
        #primary {
    	float: left;
        }
    }
    

    Regards,
    Pratik

    #93456
    AndreHeil
    Participant

    Dear Pratik,

    yes, it is working! Thank you! It is also working with the child theme now.

    Nevertheless I do not understand why it was working when I edit the original file… 🙂

    Could you remove the urls in my second post? Thank you 🙂

    Best regards,
    André

    #93458
    Pratik
    Keymaster

    @andreheil:
    It did not work because I added this code only for devices with width greater than 1024px, previously when you added it, you added it for all the devices.

    I have removed the urls.

    Regards,
    Pratik

    #93460
    AndreHeil
    Participant

    Thank you very much. 🙂

    #93461
    Pratik
    Keymaster

    @andreheil: Thank you for your appreciation. If you like my support and Catch Box theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/catch-box?rate=5#postform

    Regards,
    Pratik

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Responsive layout not working when using custom site width’ is closed to new replies.