Viewing 5 replies - 1 through 5 (of 5 total)
  • If you post a link to your site, it’s much easier for people to help you…

    The Tagline is right-justified – how will that effect the social icons?

    Thread Starter tpgf

    (@tpgf)

    Thanks for the replies.

    @wpyogi – unfortunately the site/page is only in draft so can’t post the link. I realise this makes it a bit harder.

    @rdellconsulting – I have removed the tagline following instructions in another post on this forum so the area in the navbar is empty.

    I have also removed the navbar border and shading so it just looks like its in the main header area.

    The CSS I used to make those changes is

    /* navbar site desc remove but keep it for SEO */
    .navbar-wrapper .navbar .site-description { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
    
    /* navbar adjust padding */
    .navbar-inner { padding-top: 16px; }
    .navbar.resp .navbar-inner { padding-bottom: 4px; }
    
    /* navbar remove gradient color */
    .navbar .navbar-inner { background-image: none; }
    
    /* navbar remove dropshadow */
    .navbar .navbar-inner { box-shadow: none; }
    
    /* navbar remove grey background */
    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px ;
    box-shadow: 0px 0px 0px transparent;
    background:none
    }

    [Please use backticks or code buttons (not single quote marks) to post code ]

    Thanks

    Does this do what you want?:

    .navbar-inner .social-block  {
    float: right;
    padding-right: 0px ;
    }
    Thread Starter tpgf

    (@tpgf)

    @rdellconsulting

    Thats perfect, fantastic. Thanks very much.

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

The topic ‘Right Justifying Social Icons’ is closed to new replies.