Hustle social menu not adjusted via mobile breakpoint

  • Resolved gewoonq

    (@gereedschap)


    2 years, 11 months ago

    Hi there,

    I use the social menu which displays in the leftside corner. Whenever the screen resolution is changed to < 782 px it will show the mobile menu which is shown at the bottom of the screen. This creates the issue that when the width of the screen is between 1350 and 782 px the desktop banner is shown on top of the actual content, making text hard to read.

    I already tried changing the mobile breakpoint within the settings to 1350 px. However this has no effect on the social menu but will break a popup that is currently active, making it extremely wide.

    How can I change when this social menu is shown? The mobile breakpoint settings dont have the desired effect and will break other modules, but there’s also no other way to change any settings.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @gereedschap

    Sorry to hear you are having this issue.

    I was able to replicate the problem and we will notify the Hustle developers about it.

    A temporary solution is using custom CSS, can you please try this CSS?

    @media only screen and (max-width: 1300px) {
 .hustle-ui.hustle-float.hustle_module_id_8.hustle-displaying-in-large.hustle-show{
    justify-content: center;
    align-items: flex-end;
    padding: 0 !important;
 }

    .hustle-ui.hustle-float.hustle_module_id_8.hustle-displaying-in-large.hustle-show ul{
        flex-direction: initial;
    }
}

    You can add it to WordPress > Appearance > Customise > Additional CSS.

    https://monosnap.com/file/BjoVb6tE0vVcC67dGwYxaTidS5tk0W

    Best Regards
    Patrick Freitas

    Thread Starter gewoonq

    (@gereedschap)

    Hi Patrick,

    Thanks for your reply. I tried the CSS, however it will twist the current menu instead of showing the ‘mobile design’ which normally shows at the bottom of the screen. The issue with non-readable content is resolved in this way but it does look kind of odd. Is there any way I could fix this?

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @gereedschap

    I can see it,

    Can you try to make the CSS stronger using the !important?

    Please, replace the shared one using 

    @media only screen and (max-width: 1300px) {
 .hustle-ui.hustle-float.hustle_module_id_8.hustle-displaying-in-large.hustle-show{
    justify-content: center !important;
    align-items: flex-end !important;
    padding: 0 !important;
 }

    .hustle-ui.hustle-float.hustle_module_id_8.hustle-displaying-in-large.hustle-show ul{
        flex-direction: initial !important;
    }
}

    But I am afraid the fix for now depends on CSS, we already let our developers know the problem.

    Best Regards
    Patrick Freitas

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hustle social menu not adjusted via mobile breakpoint’ is closed to new replies.