Skip to main content ↑ ↓
Topic: Home background missing at low res (Read 2539 times) previous topic - next topic - Topic derived from Responsive CSS issues
0 Members and 1 Guest are viewing this topic.

Home background missing at low res

On small sizes with minimized header the left icon is missing his white background.

Re: Home background missing at low res

Reply #1 –

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.
Bugs creator.
Features destroyer.
Template killer.

Re: Home background missing at low res

Reply #2 –

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

Re: Home background missing at low res

Reply #3 –

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..
Thorsten "TE" Eurich
------------------------

Re: Home background missing at low res

Reply #4 –

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