Setting custom breakpoints in Astra theme

  • Hello,

    I have a free Astra theme.
    I need help with creating custom breakpoints (for tablet and mobile devices). I’ve created a child theme and added the recommended code there in fuctions.php but it didn’t help and didn’t change anything:
    // Update your custom tablet breakpoint below – like return 1440;
    add_filter( ‘astra_tablet_breakpoint’, function() {
    return 1080;
    });

    // Update your custom tablet breakpoint below – like return 1440;
    add_filter( ‘astra_mobile_breakpoint’, function() {
    return 500;
    });

    Can anyone help, please? It got me stuck a lot while creating a website. TIA!

Viewing 3 replies - 1 through 3 (of 3 total)

  • I have the same issue and spent half a day trying to fix it today. My mobile breakpoint is 768, not the 544 they claim, and nothing I do with functions changes it or affects it in any way. I even changed wp-config in case Spectra was the issue and neither did anything.

    @mjucde12 Make sure you use correct quote chars, the ones in your above code are the wrong “curly” quotes:

    add_filter( ‘astra_tablet_breakpoint’, function() {

    Correct quote chars:

    add_filter( 'astra_tablet_breakpoint', function() {

    Maybe it helps.

    Hi there,

    You can change the breakpoint values by following the steps outlined in the attached documentation: [Link to Documentation]

    Hope this helps!

    Kind regards,
    Aradhy ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.