Joomla Templates Club 406,261 posts

[saidx Friend saidxJoin date: April 2013Posts: 16Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#186511

Hello,

how can i add a font text on the menu button on the mobile view?

Thank you & Greetings

Like this..

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#489190

Hello,

In order to add text to Menu Button, go to this file:
templatesja_brisktplsblocksheader.php

Find these lines:

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
change to:

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">Menu

</button>

Additional, go to file
templatesja_briskcsscustom.css
add these lines:

.t3-mainnav .navbar .btn-navbar{
color: #000
}

1 user says Thank You to Luna Garden for this useful post

1. saidx

[saidx Friend saidxJoin date: April 2013Posts: 16Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#489241

Hello Luna Garden,

thank you for your support. It works but I have one problem with the “hover”. When I press the button, the font color change to white? How can I fix this?

Screen shot:

Tanks & Greetings

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#489311

Hi,

In order to change color of menu when hovering, go to file
templatesja_briskcsscustom.css
add these lines:

.t3-mainnav .navbar .btn-navbar:hover{
color: #000[/URL]
}

Or add any properties you want to.

1 user says Thank You to Luna Garden for this useful post

1. saidx

[saidx Friend saidxJoin date: April 2013Posts: 16Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#489330

hmm it doesn’t work? :confused: Please check this on my website.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#489373

Hello Saidx,

The code must be:
.t3-mainnav .navbar .btn-navbar:hover{
color: #000;
text-decoration: underline;
}

[/URL] was a error typo, I was trying to remove the hyper link was created.

1 user says Thank You to Luna Garden for this useful post

1. saidx

[saidx Friend saidxJoin date: April 2013Posts: 16Downloads:0Uploads:5 Thanks: 12 Thanked: 2 times in 1 posts]

#489404

Thank you, now it works fine 🙂

[Author]

Posts