Mobile Header broken… - by Amvisible

This topic has 10 replies, 2 voices, and was last updated 2 years, 9 months ago ago by Amvisible

  • Avatar: Amvisible
    Amvisible
    Participant
    July 18, 2021 at 21:54

    After the new update my mobile’s header broke.

    Before Update:
    Before

    After Update:
    After

    9 Answers
    Avatar: Amvisible
    Amvisible
    Participant
    July 18, 2021 at 22:06

    My issue is that the Desktop header gets into the Mobile header which makes it to have 2 headers on mobiles. when the desktop header is clear, (removed all) the mobile header seems to look back how it used to be, but when i add to the DESKTOP header, it adds it to the mobile header aswell

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 19, 2021 at 16:36

    Hello,

    Do you use cache plugins? Did you clear the plugin cache and the CDN cache after the update? Could you, please, provide us with WP Dashboard and FTP access to your site?

    Regards

    Avatar: Amvisible
    Amvisible
    Participant
    July 20, 2021 at 05:32

    Im not sure if i use cache plugins, and i didnt clear anything after the update.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 20, 2021 at 08:09

    Hello,

    You forgot to close media query https://prnt.sc/1de5iz4 It was the reason of the issue. Be attentive.
    Check now.

    Regards

    Avatar: Amvisible
    Amvisible
    Participant
    July 21, 2021 at 22:36

    Seems like you fixed it, but i will check again to be more careful.
    also i need help with other thing, is it possible to move the space between the selection in the mobile panel more? so the “Shop” and “Cart” will be more close to each other, decrease space… basically move the “Cart” icon more to the left side. thats it

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 22, 2021 at 13:23

    Hello,

    Add the below code to Theme Options > Custom CSS

    .template-container .et-mobile-panel-wrapper .et-wrap-columns {
        justify-content: center;
    }
    .template-container .et-mobile-panel-wrapper .et_column {
        flex: unset;
    }

    Regards

    Avatar: Amvisible
    Amvisible
    Participant
    July 22, 2021 at 18:15

    It moved both to the center, I wanted to move only the cart button to the center, and the shop button will be in the left side.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2021 at 12:37

    Hello,

    Try this code

    .et-mobile-panel-wrapper .et_b_mobile-panel-cart {
        justify-content: flex-start;
    }

    Or provide us with a screenshot of how it should be.

    Regards

    Avatar: Amvisible
    Amvisible
    Participant
    July 23, 2021 at 14:10

    Thank you!

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Mobile Header broken…’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.