[laphie]

Hello,

I have the “bloggy theme” (http://www.lamatafernandez.com/) and I need to change the style of the “navigation” mobile and tablet (responsive version). How and where I have to do it?

Thanks a lot!

[serkan]

Hi laphie;
Coul you be more spesific. What kind of style you are talking about. Color, border, font and etc there are too much to work.

[laphie]

I will try Serkan :)! Sorry.

The element “navigation” on “version desktop”, has a specific “background” and “two lines on top and bottom” (here is the example: http://www.lamatafernandez.com). But when we are at “version mobile” this “two lines” are not visible.

Better explanation?

[serkan]

Hi @laphie;
You can use this custom css code;

@media (max-width: 767px) { .main-navigation div.selector { display: inline-block; float: none; } }
@media (max-width: 767px)  { .main-navigation { border-bottom: 4px solid #ccc; border-top: 1px solid #A83B3B; } }

Thanks

[laphie]

Thanks a lot!

[laphie]

Hi Serkan,

I have a question more and it it will be close :)!

On this element (Navigation) only appears the “icon” and no word is shown. I really want to show a “word”. But it’s really complicated for me. I try with the “select” label, but I can’t.

- MENU -

Could you help me one more time :)!

A lot lot of thanks :)!

[laphie]

Hi Serkan!

I have could shown the “word menu” ! This is how I dit it… Maybe I help some one more :). But now…! grrr… I would like to change this word on “spanish”. How I have to do it? I have already instaled the plugin “loco”.

So thanks, again!


@media (max-width: 767px)
{ .main-navigation

{ border-bottom: 4px solid #ccc; border-top: 1px solid #A83B3B; text-align: left !important; }

.main-navigation div.selector span {
font-weight: bold;
line-height: 2.4em;
text-indent: 34px;
}
div.selector {
overflow: visible;
position: relative;
}
}


[serkan]

Hi @laphie;
You can use this custom css code;

@media (max-width: 767px) { .main-navigation div.selector span { width: 110px !important; } }

You can remove the hamburger menu if you want;
http://www.pixelwars.org/forums/topic/remove-hamburger-menu-on-mobile/
For the translate it, you can check out this url;
https://wordpress.org/plugins/language-bar-flags/
https://wordpress.org/plugins/qtranslate/
https://wpml.org/home/about-us
https://wordpress.org/plugins/loco-translate/
Thanks