Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 25, 2014 at 9:32 am #308691
    simonac

    Hi, i have a flag icon in the main menu bar.
    Could you please help me how to center this flag.

    This is the code i used:

    #top .main_menu .menu li.englisch {
    display: block;
    width: 38px;
    background: url(link to image) no-repeat 0 6px;
    text-indent: 9999px;
    }

    August 25, 2014 at 11:04 am #308738
    Yigit

    Hey simonac!

    Please add following code to Quick CSS as well

    #top .main_menu .menu li.englisch {
background-position-x: 50%;
}

    Cheers!
    Yigit

    August 25, 2014 at 11:13 am #308745
    simonac

    Hi Yigit,

    this had no effect.

    August 25, 2014 at 11:16 am #308750
    Yigit

    Hey!

    Please do not forget to flush browser cache after applying custom CSS codes. It does seem to be working fine on my end – http://i.imgur.com/UzTlAcT.png

    Regards,
    Yigit

    August 25, 2014 at 12:31 pm #308797
    simonac

    Strange, because i did flush the cache of coure and now also checked it on another pc. Both still with the flag on the left…

    August 25, 2014 at 1:09 pm #308802
    Yigit

    Hi!

    Please use following one instead

    #top .main_menu .menu li.englisch {
background-position: 50%;
}

    Regards,
    Yigit

    August 25, 2014 at 2:45 pm #308832
    simonac

    That worked.

    Thanks Yigit!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Icon in Main Menu – Question’ is closed to new replies.