Docs

[mahmoud237]

1- I make a centered logo and I make navbar pages to be near edges using this code

li#menu-item-6686 {
    margin: 0 320px;
}

But I found a bug … it worked perfectly on a large screen but while shrinkage the width of the screen .. the navbar pages drops in a second line like the attached photo (1) …. also I want the pages on the navbar to be near edges more than that while trying to add more margin on the previous code .. the same bug appears .. it drops to a second line .

2- I want to make a blue line beneath the navbar .. just like the attached photo (2).

[mahmoud237]

This reply has been marked as private.

[mahmoud237]

3- also when I change the logo dimension it comes closer to the top edge like the attached image … How can I add a top margin for this centered logo ?

[Rupok]

Hi there,

Thanks for writing in! Your code is a bit unusual so can’t provide you any tailored code but you can use media query to place your CSS for smaller screens like below :

@media only screen and (max-width: 979px) {
li#menu-item-6686 {
    margin: 0 10px;
}
}

Let’s place your own CSS within the media query and change the max-width if needed.

Cheers!

[Author]

Posts