Hello, I need to modify the breakpoint from tablet landscape to desktop to be 1280 instead of 1140
I’ve changed all the relevant @ media values in style.css but it gets overridden by something.
Where can I find the code that defines the breakpoints in the Newspaper theme?
Hello,
Unfortunately, we donât have this option to extend the default theme breakpoints. This will require a pretty big amount of custom work.
You can stretch the rows and you can change the width for each column to do as you want or set the inner row https://i.imgur.com/zZnu0nr.png
You can find more details here https://imgur.com/QXIt4Gy -> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
-> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/
Thank you!
It’s ok, I can do the coding if you point me to the correct files that I need to modify / minify.
The desktop breakpoint is extremely important for our website and if we can’t have it set at 1280 with this theme, unfortunately we will have to switch to elementor.
The stretch rows are a fine option but our problem is that we need different spacing and padding settings for larger screens and different for standard small screens and landscape tablets. To code all this is way more time consuming than just moving the breakpoint to the size we need.
Thank you for the support!
Hello,
Please check this topic https://forum.tagdiv.com/topic/breakpoints-not-working-as-expected/
Thank you!
I have checked it and it just confirms what I already suspected, that the breakpoint is coded in some files that get minified and they need to be re-defined and re-minified.
Just to be sure and not break something important, could you please point me to the correct files I need to do this to, like I asked in the previous 2 replies?
Thank you again for the support!
Reminder
Hi mixalisandrou, If I correctly understand you want to change the breakpoint in the theme files, now this is a little over hand because it will be need to edit many files, you should start with wp-content/themes/Newspaper/style.css continue with wp-content/plugins/td-composer/legacy/Newspaper/assets/css
I believe it will be easier to use cloud template and set the row width you want – https://forum.tagdiv.com/tagdiv-composer-tutorial/ – https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/ – https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
Thank you Calin, I have changed all the values in the css files from 1140 to 1280 and from 1141 to 1281 but it still gets overridden by something.
I believe its some js code that sets the default viewports that I cannot find. If you can please point me to those files, I think I can solve the problem.
The goal is to have the Desktop breakpoint at 1280 instead of 1140, everywhere (including in the composer preview). If it cannot be changed, then unfortunately the theme will not work for our purpose and all the design work will have to be redone on another theme. đ
Well since there is no answer about the js files, I will give it a last try during the weekend to space the rows and columns with percentage paddings.. Maybe will try to add 1 or 2 new @media lines for desktops of 1440+ and 1920+ that will add more space on the sides.. I’ll let you know how it works out.
Hi mixalisandrou, the problem is that most of elements will be need to be edited to change the breakpoints, so editing the theme files will not be a solution. Even if you manage to change a part of theme when will be a theme update will be removed, so it will be need to reset the code. The best solution is to use row stretch and overwrite with a new @media css.
Thank you for your understanding!
Thank you Calin, I have already run into that problem with this last update, so I had to use the @media in the Custom CSS block anyway. It works almost exactly like I need, just with a little extra code, so it is a working solution after all.
Perhaps just consider for future updates making the breakpoints editable like in elementor or adding a “large-desktop” one as fifth option set at 1680 or 1920 (and really, the desktop one should be 1280.. I still can’t understand where the number 1140 came from..:))
Hi mixalisandrou, I’m glad that you find an workaround!
I added this suggestion on the list and our developers will check it!
Thank you!
