media queries

Responsive Break Points in Footer Widgets

I’m having a lot of trouble with the responsive breakpoints (specifically in the footer). The queries make the widgets snap WAY too soon and creates an odd extreme float left for al 4 leaving a HUGE gap on the right. I created a style to override and kind of fix it by centering them, but … Read more

Mobile Menu at custom breakpoint?

How would I go about making the mobile menu/sandwich bar menu replace my current Float Right menu at specific breakpoints? Some CSS weirdness pops up at certain resolutions and I figured I’d use the mobile menu to keep the main navigation from breaking my website.

Breakpoint – Conversion Menu to a Dropdown Menu

Hello Tom, This is my first post and I would like to congrats you for this amazing theme! It is great! 🙂 I am pretty sure this question has been answered somewhere, but I can’t find it. Well, I am not a professional developer, but I really enjoy web design at a basic level. Now … Read more

Changing unsemantic grid breakpoints

Hi Tom I need to change the breakpoint at which the tablet classes kick in in the unsemantic grid stylesheet. I’m reluctant to do this in unsemantic-grid.css in the parent theme as my changes will be overridden next time there’s a theme update. Is it possible to create a second unsemantic-grid.css in my child theme … Read more

Best Media Queries (breakpoints) GP

I asked a question before either via the forum or email “what are the best media queries to use for GeneratePress”. Tom answered this before, but I can’t find the original email or post in the forum. Could someone please tell me the best media queries (breakpoints) to use for Desktop, Tablet and Mobile in … Read more

Header images not loading in GT Metrix

Hi there. Huge fan of this theme! It’s so fast and intuitive, great job! I have a strange issue that maybe your brain could shed some light on. I’ve got generate press running on my development site and I’ve made a child theme. I intermittently run gtmetrix tests to be sure the site stays fast. … Read more

How to Remove Background Images on Mobile?

Hi Tom, I’m trying to make Section background images disappear when the site is being viewed on mobile devices. I’ve set background-image:none in my media queries, but per Firefox Inspector it seems that all Section backgrounds are being set as inline styles. Here’s the code I’ve been using: @media screen and (max-width: 960px){ #generate-section-3 { … Read more