Header.tc-header: Logo and Navbar resizing

  • I am trying to resize the logo and navbar in the header section. The subject site (under development) is https://nonmsm.com/.

    Within the “header.tc-header”, <brand span3 pull-left> has (obviously) a span of 3, and the <navbar-wraper clearfix span 9 . . . > has a span of 9.

    I would like to change the set up as follows:
    A- Make logo (brand span) 5 span, and give the navbar-wraper (currently contains nav links + share icons)a span of 7.
    B- The share icons have be added in the “Extra Widget Area in Navbar” via the “AddToAny Share” plugin. If I add content/text in the same area (via widget), it goes below the share icons in the next line [I have inserted a dummy text to illustrate it.] – How can I make it go up in the same line as the icon?

    Thanks for any help.

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

  • Hi,

    Please refer to this article for adding social icons.
    https://presscustomizr.com/snippet/add-new-custom-socials-icons/

    It should have a better effect than using a plugin.

    As for adjusting header layout. From what you have written, I assume you understand css class, why don’t you try using custom css to adjust the widths?

    Thanks!

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    Hi Denzel,
    Thank you for looking into it. Trying to fix the width of the logo/brand and navbar/navbar-wraper via css (changing the percentage) has its own vagaries – doesn’t work properly (at least not for me). It seems that changes have to be made somewhere else as well – I couldn’t figure out where.

    As for the ‘share icons’ the plugin is doing a nice job – I only need to find a way to make the text (via widget) move to the same line as the share icons.

    Thank again.

    Hi Parwaiz,
    Would this snippet help?
    https://presscustomizr.com/snippet/center-header-block-items/
    Try using the hooks like tc_logo_class for the desired effect.

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    Hi Menaka,

    Thanks for the link. Though most of the code there is no more pertinent as the Customizr newer versions have incorporated those functionalities,but it still provides the ‘names of the elements’ – that in itself is very useful. I am going to look more into it.

    Thanks again. Have a wonderful weekend.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header.tc-header: Logo and Navbar resizing’ is closed to new replies.