Archived topic

Modify mobile header

3 replies · Started by iwan on November 10, 2020

Viewing posts 1–4 of 4

November 10, 2020 at 6:41 am #1525236

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

November 10, 2020 at 7:19 am #1525501

Hi there,

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

November 10, 2020 at 7:39 am #1525525

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

please check

thanks

November 10, 2020 at 8:55 am #1525630

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;
}

This archived topic is closed to new replies.

Start building better websites today.