Crazy thing happening with Menus & CSS Classes

  • Bush

    (@manishkumarruhil)


    11 years, 9 months ago

    I am making changes into my website’s (not uploaded yet) social icons which are in menu bar. I placed twitter before and facebook after in custom menu. and coded both to float on right. Apparently facebook is showing before twitter in menu bar when loading page.
    And when I am placing facebook before twitter in custom menu than twitter is showing before facebook.

    The only clue I draw from this is that due to CSS specificity may be codes are applying first to twitter and that is why it is going to rightmost side of menu bar.

    Is my assumption is right or wrong? Or may be I am doing something wrong?

    I am using Twenty Twelve theme.

    In another post WPyogi mentioned:

    The tabs make no difference at all. The left and right are invalid CSS code in that context.

    Can someone explain me this? I am putting codes like:

    float: right;
    right: 0;
    left: auto;

    By this code (right: 0;) I want to tell browser to keep no space on right. I known, I have written ‘float: right;’ but I want to make it comprehensive i.e. if I ever want to make some space on right (or left) I can easily do that.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Perhaps you need to brush up on CSS – sounds like you should be using margins for that.

    https://www.w3schools.com/css/default.asp

    It’s impossible to offer specific CSS help without seeing the site…

    Why are you giving both the icons float right..?
    float can be given to one icon only and the other one will stick to it.
    As you have placed twitter before and facebook after and you have floated right both of them twitter icon as placed before facebook icon but floated to tight will show after the facebook icon.

    Thread Starter Bush

    (@manishkumarruhil)

    @wpyogi yes I use w3schools to understand css.

    @wp-21 that should happen (what you said) but its not happening.

    May be some CSS Geek help me understand this. However I am being able to work it out (in a twisted manner). So I guess I should not worry about it much.

    maybe if we are able to see live site then we will be able to help more ….its seems a simple css issue

    Thread Starter Bush

    (@manishkumarruhil)

    Yeah, I will post a link when I will upload it. Hope you subscribed it. Right?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Crazy thing happening with Menus & CSS Classes’ is closed to new replies.