Menu items & Flags bigger

Hello,

How can I put the items in my menu more to the left, close againnst the logo, so I can make the items and the flags bigger?

Regards,
Jarne

Hello Jarne,

Can you please provide a link to your website to let me inspect it?

Kind Regards, Roman.

Hello Roman,

Sorry for not posting, here it is:
http://www.development.refugiohostelfortaleza.com/

Regards,
Jarne

Hello Jarne,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

header#masthead nav#mainnav {
    float: left;
}

Kind Regards, Roman.

Hi Roman,

I tried and it worked out thanks, but how do I make the flags bigger?

Regards,
Jarne

Hello Jarne,

Please try to use this CSS code:

nav#mainnav li.lang-item {
    padding: 0 3px;
}

li.lang-item a img {
    width: 120%;
    max-width: 120%;
}

Kind Regards, Roman.

Hi Roman

thanks a lot for your help, this is Karl now, I’m working on the webpage now as Jarne left to continue his journey and only now I was able to take over.
I tried to implement your code and it works perfectly in regular size on the computer screen or on the laptop. But if I want to watch the site on my cellphone there appearing are giant flags in the display as well as on mobile mode. So I think it isn’t really responsive, only if I leave everything as it is.

Once again thank you for your try.

Best regards Karl

Hello Karl,

Please try to use this CSS code instead of previous:

nav#mainnav li.lang-item {
    padding: 0 3px;
}

nav#mainnav li.lang-item a img {
    width: 120%;
    max-width: 120%;
}

Kind Regards, Roman.