Public Forums 71,145 posts

[marcbacardit Friend marcbacarditJoin date: February 2017Posts: 7Downloads:4Uploads:1]

#1035566

i’ve add this code to my custom.css and logo looks good. However, as you can see in the picture in red, menu overlaps with the logo. how can i fix it?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1035790

Hi
Kindly share your working site URL here.
I will check the logo issue.

Regards

[marcbacardit Friend marcbacarditJoin date: February 2017Posts: 7Downloads:4Uploads:1]

#1036007

Hi,
http://www.adaytrading.com

thanks!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036128

Hi
Add below code in custom.css file to fix this issue

.logo-image > a {
max-width: 300px;
max-height: 80px;
}

Regards

[marcbacardit Friend marcbacarditJoin date: February 2017Posts: 7Downloads:4Uploads:1]

#1036207

Thanks, now it looks rigth!

another question, if i want to change menu text color. By default is in white, i would like to be in black. I’ve tried to change it by themeMagic but i cannot find the way to do it. Can you help me?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036219

You are welcome!
For a new topic please open a new thread. It also helps our community.

Regards

[marcbacardit Friend marcbacarditJoin date: February 2017Posts: 7Downloads:4Uploads:1]

#1036231

I’ve check it works in computer view, but it doesn’t in mobile. what can i do?

For the new question, i´ll open a new topic, thanks!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036238

Hi
Replace my older code with this code

.logo-image > a {max-width: 300px;max-height: 90px;}

.navbar {
    min-height: 90px;
}

Regards

[marcbacardit Friend marcbacarditJoin date: February 2017Posts: 7Downloads:4Uploads:1]

#1036243

much better! however still on the mobil, the submenu opens before the logo ends. How do I get it to open just after?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036504

Hi
Because the logo is bigger in mobile you are getting this issue.
Add below code in custom.css file

.t3-mainnav .t3-navbar-collapse {
    margin-top: 88px;
}

Regards

[marcbacardit Friend marcbacarditJoin date: February 2017Posts: 7Downloads:4Uploads:1]

#1036565

thanks, now logo fits perfect in mobile devices!
Just a last question about this issue. Is it possible to use to different logos? one for mobile devices and another one for bigger ones? if the answer is yes, i’ll open a new post.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036575

Yes!
You can upload it from template options.
Enable small logo and upload it.

[Author]

Posts