ElkArte Community

Elk Development => Bug Reports => Topic started by: Jorin on December 12, 2014, 10:22:06 am

Title: Home background missing at low res
Post by: Jorin on December 12, 2014, 10:22:06 am
On small sizes with minimized header the left icon is missing his white background.
Title: Re: Home background missing at low res
Post by: emanuele on December 12, 2014, 02:31:46 pm
Sorry for splitting, but it's better to have as much as possible one-topic-one-bug. ;)

It looks like the:
Code: [Select]
#main_menu .linklevel1.active, #main_menu .linklevel1.active:hover { 
background: transparent;
}
present somewhere.
Title: Re: Home background missing at low res
Post by: Jorin on December 12, 2014, 11:31:42 pm
I changed it to:

Code: [Select]
	#main_menu .linklevel1.active, #main_menu .linklevel1.active:hover {
border: 1px solid transparent;
background: #fff;
}

and now it seems to be better.  ;)  Thanks a lot!

Edit: No, can't use this. Now the home button in my desktop browser is completely white.  :o
Title: Re: Home background missing at low res
Post by: TE on December 13, 2014, 02:36:15 am
If it's just an issue for the desktop version you could move the related changes to the section
Code: [Select]
@media screen and (max-width: 50em) 
or
Code: [Select]
@media screen and (max-width: 33.750em) {
Both control low screen devices such as tablets and smartphones..
Title: Re: Home background missing at low res
Post by: Jorin on December 14, 2014, 03:09:25 am
It's the active position that's missing the background. If there's a way to invert the icon that's active I would prefer this than just no background. But I think I'm not experienced enough to find this spot. If anyone has some time...  :D