[Support request] Centre primary navigation logo mobile

[keiron]

1. I am looking to have my primary navigation logo centred in between the toggle on the left and the cart on the right for my mobile layout of my site.

2. If you scroll down the navigation logo has also meant that the border radius changes back to default – this does not happen without the logo added.

3. Lastly, for some reason on both product and shop page the “#right-sidebar” that holds the search and archives widgets stays even when i have ticked no widgets in the page sections. (update: this part has been sorted using the woocommerce section)

Cheers.

[David]

Hi there,

so to center the logo:

@media (max-width: 768px) {
    .site-logo {
        margin-right: auto;
    }
}

For the radius borders on nav you need to include the #sticky-navigation ID in your CSS like so:

#site-navigation, #sticky-navigation {
    border-bottom:solid 2px black ;
    border-radius: 0px 0px 255px 255px/0px 0px 255px 255px;
}

[Author]

Posts