[Support request] Modify mobile header

[iwan]

how do i make change to mobile header?

i made a screenshot of current layout and the changes i need

https://ibb.co/DLLz8DM

thanks

[David]

Hi there,

can you share a link to your site so i can see what the best option is.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[iwan]

https://staging-jktkataloggrosircom.temp927.kinsta.cloud/

please check

thanks

[David]

Try this CSS:

.wc-block-link-button, .wc-block-link-button:active, .wc-block-link-button:focus, .wc-block-link-button:hover {
    background:transparent
}
#mobile-header .inside-navigation.grid-container.grid-parent {
    padding: 20px  10px !important;
}
#mobile-header .site-logo {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}
body.mobile-header-logo #mobile-header .menu-toggle {
    order: -1;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts