Change big letters and color in menu

wolfguard

Hey guys,

how can we change, that every letters are big in the menu? And how can we change the color of the drop down background in the menu? And the menu in mobile version does not look good, the background is white, so the text can not be read...

Thanks.

Ninja

wolfguard
Hi
Add this code in custom.css file in template folder/css/custom.css

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {font-size:15px;}
.t3-megamenu .dropdown-menu {background:#000!important}
.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li  {font-size:15px; color:#fff}

change the values as per needs.
If it not work, kindly share your site URL here.

wolfguard

Hey pankaj,

thanks a lot. It is working! And how can i change, that these are no more capital letters?

EDIT: And the menu drop down background color is still not good in repsonsive / mobile view. How can we change the font color and background color in drop downs from menu for responsive / mobile view?

Ninja

wolfguard
Hi
Kindly share the site URL here and give me screenshot how you want to show it.

Regards

wolfguard

Hello, please see here: https://dev.wolf-guard.de/ . All letter are capital in the menu, we just want to use normal letters. In please see the side in responsive view. You can see that the drop down in menu can hardly be read because of the colors of font and background. We want to change the color of fonts and background in responsive view.

EDIT: and what is the easiest way to set the font size for h1 to h6 tags? The h1 tags for example are much too big. The dt register component for example can not be seen on a mobile screen: https://dev.wolf-guard.de/events

Ninja

wolfguard
Hi
use this code

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {text-transform:inherit;}

For color use this code


@media(max-width:768px){
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {color:#000;}
.t3-mainnav .t3-navbar-collapse {
    background: #e5d7d7;}
}

For the other new questions, kindly open a new thread.

Regards

wolfguard

Hello,

thanks, we have added additional topic for the other question.

Ninja

wolfguard
Hi
Not sure which link u refer, http://prntscr.com/oohxwj
Kindly clear cache to see changes, also provide screenshot of problem

wolfguard

Yes it is working now! Thanks a lot. This topic can be marked as solved. 🙂