Title: Modifying breakpoints Last modified: August 28, 2022 --- # Modifying breakpoints * Resolved [cmerrick](https://wordpress.org/support/users/cmerrick/) * (@cmerrick) * [3 years, 9 months ago](https://wordpress.org/support/topic/modifying-breakpoints/) * Hi, first off: I just upgraded a test site to version 2.0.7 and I am very relieved to see the notice that Advanced Columns has been deprecated is gone. The update still introduced some new CSS that broke some of my layouts (where I was using negative margins) but at least for sites still under development I can fix this in the CSS. For sites already deployed, I’m keeping them on version 1.25.x for now. * The question I have is: in your dev changelog, it says “Improvement: Ability to modify breakpoints for Dynamic CSS” under version 1.19.0. But I can’t find anywhere to set breakpoints, or find any code samples (e.g. to add to functions. php) that would allow me to customize the tablet/mobile breakpoints. One of the other plugins I tested as a replacement for Spectra after the 2.0 rollout has this right in the plugin settings. Is this actually an option and if so where would I find it? * Thanks for your time. Viewing 10 replies - 1 through 10 (of 10 total) * [BSF – Judith Pete](https://wordpress.org/support/users/judith0/) * (@judith0) * [3 years, 9 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-15976635) * Hello [@cmerrick](https://wordpress.org/support/users/cmerrick/), * Thanks for writing to us. * We the current update we have the viewports showing on the editor view as shown here:[https://share.bsf.io/2Nu72nEY?method=GET](https://share.bsf.io/2Nu72nEY?method=GET). * Hope this helps. * Regards. Judith. * Thread Starter [cmerrick](https://wordpress.org/support/users/cmerrick/) * (@cmerrick) * [3 years, 9 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-15976671) * Hi Judith, thanks for writing back but what I mean is can I change the pixel values of the breakpoints? They default to something like tablet view at 976px and mobile at 767 (roughly). What I want to do is change the tablet breakpoint to, say, 1140px. I interpreted “Ability to modify breakpoints” as being able to do this, but I can’t find anyplace in the interface for it. * Thanks! * [BSF – Judith Pete](https://wordpress.org/support/users/judith0/) * (@judith0) * [3 years, 9 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-15979331) * Hello [@cmerrick](https://wordpress.org/support/users/cmerrick/), * Thanks for clarifying. * You just need to add 2 lines of code in the wp-config.php file. define( ‘UAGB_TABLET_BREAKPOINT’,‘ 800’ ); define( ‘UAGB_MOBILE_BREAKPOINT’, ‘500’ ); * Regards. Judith. * Thread Starter [cmerrick](https://wordpress.org/support/users/cmerrick/) * (@cmerrick) * [3 years, 9 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-15981193) * Cool, thanks for the info! * Thread Starter [cmerrick](https://wordpress.org/support/users/cmerrick/) * (@cmerrick) * [3 years, 8 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-16061531) * It took a while to get back to this but I tried adding this code to wp-config. php and it didn’t seem to do anything. I changed the numerical values, and tried clearing my cache before reloading the site, but there was just no effect at all. * Also it’s kind of weird that this has to go in wp-config.php instead of being able to put something in functions.php, but for now I’d settle for just getting it to work. * Any thoughts on what’s wrong? Thanks! * [BSF – Judith Pete](https://wordpress.org/support/users/judith0/) * (@judith0) * [3 years, 7 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-16099820) * Hello [@cmerrick](https://wordpress.org/support/users/cmerrick/), * Thanks for your patience thus far. * Add the code in a wp-config.php file as shown here -https://share.getcloudapp. com/GGuz5DX4 * Drag and drop any block and add a different setting on different devices, Publish the page and view it on a mobile or tablet. You will see a breakpoint for dynamic CSS. This is as shown in this screencast: [https://share.getcloudapp.com/xQuxEyp4](https://share.getcloudapp.com/xQuxEyp4) * Hope this helps. Please let us know how this goes. * Thread Starter [cmerrick](https://wordpress.org/support/users/cmerrick/) * (@cmerrick) * [3 years, 7 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-16100890) * Hi, thanks for the follow up! Just to clarify: does this mean the new breakpoints will only apply to blocks I modify after adding the code to wp-config? I have already tried adding it and doing a hard refresh on pages with previously existing blocks and it didn’t seem to do anything, so I’m wondering if it only affects blocks that are created or at least modified after updating wp-config. * Thread Starter [cmerrick](https://wordpress.org/support/users/cmerrick/) * (@cmerrick) * [3 years, 7 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-16147657) * After more experimentation… I have no idea what’s going on. It’s now working if I resave the page, which it didn’t before, and I don’t know what’s different. So I guess you can use this code, but I still think it’s weird and unstable to have to put this in wp-config instead of in a theme file. - This reply was modified 3 years, 7 months ago by [cmerrick](https://wordpress.org/support/users/cmerrick/). * [BSF – Judith Pete](https://wordpress.org/support/users/judith0/) * (@judith0) * [3 years, 7 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-16166801) * Hello [@cmerrick](https://wordpress.org/support/users/cmerrick/), * Thanks for writing back. * It may have been a cache issue that’s why the code wasn’t taking effect. I am glad it now works for you. * We will work on improving the breakpoints implementation, in the meantime please apply the code. * Please let us know whether you have any other queries. * Thread Starter [cmerrick](https://wordpress.org/support/users/cmerrick/) * (@cmerrick) * [3 years, 7 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-16178902) * New info: I’ve updated wp-config so tablet breakpoint is 1280 and mobile is 900. I think part of my confusion is that this only seems to affect SOME of the Spectra settings. For example, I have a container that I’ve set to flex-wrap:nowrap at desktop size, and changes to flex-wrap: wrap at mobile size. This creates the desired outcome: at or below 900px wide, the blocks inside the container stack instead of lining up in a single row. * However, inside that same container I’ve set one of the inner blocks to “Hide on mobile”, but this only takes effect at 767px. So while the container wraps at 900px, it continues showing the block I’m trying to hide down to 767px. * It appears that the external stylesheet, uag-css-longnumber.css is picking up the custom breakpoints, but the plugin is ALSO writing styles directly into the header inside this tag: and THAT is not picking up the new breakpoints, it’s still using 1024 and 767. * This seems to specifically affect the visibility settings. * Is there any fix for that in-page style so it’s consistent with the external stylesheet? * Thanks again. Viewing 10 replies - 1 through 10 (of 10 total) The topic ‘Modifying breakpoints’ is closed to new replies. * ![](https://ps.w.org/ultimate-addons-for-gutenberg/assets/icon-256x256.gif?rev =3240412) * [Spectra Gutenberg Blocks – Website Builder for the Block Editor](https://wordpress.org/plugins/ultimate-addons-for-gutenberg/) * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-addons-for-gutenberg/#faq) * [Support Threads](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/) * [Active Topics](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/unresolved/) * [Reviews](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/reviews/) ## Tags * [breakpoint](https://wordpress.org/support/topic-tag/breakpoint/) * [mobile](https://wordpress.org/support/topic-tag/mobile/) * [tablet](https://wordpress.org/support/topic-tag/tablet/) * 10 replies * 2 participants * Last reply from: [cmerrick](https://wordpress.org/support/users/cmerrick/) * Last activity: [3 years, 7 months ago](https://wordpress.org/support/topic/modifying-breakpoints/#post-16178902) * Status: resolved