[Problem] Main nav menù in mobile

[schola.albiniani]

Hi guys, I can't find a way to place in the nav menù in the mobile version of my site. at the moment is everything blank, how can i solve this? http://prntscr.com/g93nr0   kind regards, Schola Albiniani

[Anshuman Sahu]

Please goto wp-admin -> apperance -> menus and select your main menu as the mobile menu as well . refer : http://prntscr.com/g971c0 refer : http://www.wpbeginner.com/beginners-guide/how-to-add-navigation-menu-in-wordpress-beginners-guide/

[schola.albiniani]

thanks a lot for you reply, just one more thing, it seems to be a little weird, but if i try to drag a little the home to the left, the entire space on the right shows a huge blank space, i'll add here a screenshot, but probably it is better a video, hot to ad this to this forum? 1. still: http://prntscr.com/g9kcyg 2. whe i drag the home to the left: http://prntscr.com/g9kdci how can i fix this?  

[Anshuman Sahu]

please share your site url to check this issue .

[schola.albiniani]

it is in coming soon mode: http://www.scholaalbiniani.it/

[Anshuman Sahu]

well it seems like you have enabled coming soon or maintenance mode on your site .please share admin credentials in private reply also to access your home page and check that issue .

[schola.albiniani]

This reply has been marked as private.

[Anshuman Sahu]

Please try adding this given css in your wp-admin ->appearance-> customize -> custom css : @media(max-width:600px){section.stripe.halfblocks {margin:0}}

[schola.albiniani]

now it is much better, thanks

[schola.albiniani]

it also possible to reduce that in desktop version? http://prntscr.com/gaeztu the space under the logo and the nav menù (under the red line) is too much, how to reduce that?

[H.K. Latiyan]

Hi, I checked the website link you shared above, you are using the transparent header style. This header style has a background image and hence the space you mentioned in the screenshot doesn't exists in it. Also the space is set according to the logo of the website, if the logo take more space then the header height increases. So go to appearance->customize->header->adjust logo bottom, top and logo height, you can change these accordingly. Let me know if this helps.

[schola.albiniani]

yep, we love the transparency of this header, and we want to keep. but after that, when a user scrolls down it is very ugly to see an extra blank-white space. and i mean not the logo, but under the logo, it is something about 50 pixels, it is too much, what we can do to reduce these space from 50 to 20 for example? http://prntscr.com/gb3e7y  

[Anshuman Sahu]

Please try adding this given css in your wp-admin -> apperance-> customize -> custom css : header nav>.menu>li>a, header.sleek nav>.menu>li>a{padding:30px 6px 30px 6px !important;}   .admin-bar header.fixed{margin-top:40px;}

[schola.albiniani]

this code simply move the menù a little bit up but do not remove the blank white area http://prntscr.com/gc0f94 also the logo is perfectly cut, the problem is not the logo: http://prntscr.com/gc0foi

[Anshuman Sahu]

okay I have modified the css in your site a bit to fix that ,please check and confirm .

[Author]

Posts