Add widget under the navbar

  • consigliodermocosmetico

    (@consigliodermocosmetico)


    6 years, 5 months ago

    Hi. I’d like to know if is possible to add a widget between the navbar and the posts in the blog page.

    Alternatively I’m also interested in how to change the position, for example, of #tertiary.widget-area.footer-widget-area and move it from the bottom to the top under the navbar.

    Thank you,
    Ilaria.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi Ilaria, in Sela, we could use some custom CSS to move the #tertiary div to the top with flexbox. The only possible drawback is that anyone using Internet Explorer will only see the change if they are on version 10 or later.

    #page {
	display: flex;
	flex-direction: column;
	box-orient: vertical;
	display: -webkit-box;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	display: -webkit-flex;
	display: -moz-box;
	-moz-flex-direction: column;
	-moz-box-orient: vertical;
	display: -ms-flexbox;
	-ms-flex-direction: column;	
	-ms-box-orient: vertical;
}
#masthead {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
#tertiary {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}
#content {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}
#colophon {
	-webkit-box-ordinal-group: 4;
	-moz-box-ordinal-group: 4;
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
}

    The alternate to that would require the creation of a Child Theme and then moving things around within some of the theme php script files.

Viewing 1 replies (of 1 total)
  • The topic ‘Add widget under the navbar’ is closed to new replies.