Hi Redditors,
Good day.
I’m using Astra Theme and Spectra in my project. I changed Astra’s device breakpoints with this functions in the CSS file.
// Custom Function to change responsive breakpoints
// Update your custom tablet breakpoint below – like return 1130;
add\_filter( ‘astra\_tablet\_breakpoint’, function() {
return 1130;
});
// Update your custom mobile breakpoint below – like return 600;
add\_filter( ‘astra\_mobile\_breakpoint’, function() {
return 600;
});
Now, the responsive triggers fire up fine. The tablet and the mobile resolution are just as defined. But, some Spectra controls seems to have a different device breakpoints, because in the footer the icon list reacts 3 times to the resolution change, instead of two. If i slowly make my browser narrow, the controls in the footer change 3 times, from PC to something, then to tablet and finally to mobile.
The question, how can i change the breakpoints for Spectra? or Why in the site behaving this way?
Thanks.
[ad_2]