Tagged: catch box, child theme, Custom CSS, responsive
- This topic has 7 replies, 2 voices, and was last updated 7 years, 5 months ago by Pratik.
-
AuthorPosts
-
June 12, 2016 at 3:06 am #93350andreheilParticipant
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 editorIs this a “bug” or my fault?
Kind regards
AndréJune 12, 2016 at 10:55 am #93367PratikKeymaster@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,
PratikJune 12, 2016 at 2:41 pm #93376andreheilParticipantThank 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éJune 13, 2016 at 9:29 am #93422PratikKeymaster@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,
PratikJune 13, 2016 at 2:49 pm #93456andreheilParticipantDear 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éJune 13, 2016 at 2:55 pm #93458PratikKeymaster@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,
PratikJune 13, 2016 at 3:06 pm #93460andreheilParticipantThank you very much. 🙂
June 13, 2016 at 3:25 pm #93461PratikKeymaster@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 -
AuthorPosts
- The topic ‘Responsive layout not working when using custom site width’ is closed to new replies.