giacomo.trevisan

Hi Wen,

it would be great if you could give me the code.

I’m already using a child theme to customize Sydney.

Thanks a lot.

G.

Thanks a lot WEN.

I’m sure that writing custom codes it’s to hard for my knowledges in coding.

Adding a photo as wide as the page, under the menu, could be a easier solution. Do you know if is this possible? If yes, how can i do that?

Thanks.

Thanks. Do you mean like this?

/* MEDIA MENU MOBILE */

/* ============================================== */
/* iPad Landscape                                 */
/*                                       1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
.navbar-wrapper .navbar.resp .nav > li {
    float: none;
    display: inline-block;
}
}

/* ============================================== */
/* iPad Portrait                                  */
/*                                       768x1024 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
.navbar-wrapper .navbar.resp .nav > li {
    float: none;
    display: inline-block;
}
}

/* ============================================== */
/* Small Tablet Landscape/Portrait                */
/*                                        800x600 */
/* ============================================== */
@media screen and (min-width: 600px) and (max-width: 800px) {
.navbar-wrapper .navbar.resp .nav > li {
    float: none;
    display: inline-block;
}
}

/* ============================================== */
/* iPhone5/Android landscape (& narrow browser)   */
/*                                        568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {
.navbar-wrapper .navbar.resp .nav > li {
    float: none;
    display: inline-block;
}
}

/* ============================================== */
/* iPhone4/Android landscape (& narrow browser)   */
/*                                        480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {
.navbar-wrapper .navbar.resp .nav > li {
    float: none;
    display: inline-block;
}
}

/* ============================================== */
/* iPhone4/Android portrait               320x480 */
/* iPhone5 portrait                       320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
.navbar-wrapper .navbar.resp .nav > li {
    float: none;
    display: inline-block;
}
}

/* ============================================== */
/* Smaller devices                                */
/* Android Landscape                      320x240 */
/* ============================================== */
@media screen and (min-width:240px) and (max-width:320px) {
.navbar-wrapper .navbar.resp .nav > li {
    float: none;
    display: inline-block;
}
}

/* ============================================== */
/* Smaller devices                                */
/* Android Portrait                       240x320 */
/* ============================================== */
@media screen and (max-width:240px) {
.navbar-wrapper .navbar.resp .nav > li {
    float: none;
    display: inline-block;
}
}

Nothing changed 🙁

Thanks a lot rdell!

2) It works! Thanks!

1) Don’t you see the menu like in this screenshot?

Added @media in my child theme, but still some problem 🙁

I deleted previous navbar settings in style.css and functions.php and updated the website with the new customizations.. but the navbar is still not centered ;(