[Support request] Modify mobile header

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 5 years, 5 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
November 10, 2020 at 6:41 am #1525236

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

November 10, 2020 at 7:19 am #1525501

David
Staff
Customer Support

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

iwan

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

please check

thanks

November 10, 2020 at 8:55 am #1525630
David
Staff
Customer Support
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;
}
```
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.