Docs

[Friech]

Hi Nilu,

#1 Enable the Index Feature Post Layout option of your post and its feature image should go full-width like what you see in here: http://theme.co/x/demo/ethos/1/category/music/rock/hard/

Regretfully adding a text in it would require a custom development which is outside of the scope of support we can offer.

http://image.prntscr.com/image/b723e2f8363c451892e8f336ef70a235.png

#2 Please install the bundled UberMenu extension and follow this video: UberMenu 3 Demo Tutorials – Part 4: Images Submenu

#3 You can add this under Custom > CSS in the Customizer.

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-left: 5px;
	padding-right: 5px;
}

Adjust the 5px value where you see it fits.

#4 I’m not certain what space you’re referring to, If you have nothing to place on the Footer widget areas you can disable that on Customizer under the Footer panel and set the Footer Widget Areas option to none. That should reduce the space above the bottom footer.

#5 Add this on your custom CSS

.x-colophon.bottom .x-nav li a, .x-colophon.bottom .x-colophon-content a {
	color: #fff;
}

Hope it helps, Cheers!

[bighairloudmouth]

Hi Paul,

Thank you for your help.

I tried changing #3 but the entire menu spacing changes while I just want the social media icons (which Christian changed as custom links on the menu ) to have less space in between and placed towards the right end of the page.

Thanks,
Nilu

[Paul R]

Hi Nilu,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-navbar .menu-item-12481 a,
.x-navbar .menu-item-12482 a,
.x-navbar .menu-item-12483 a,
.x-navbar .menu-item-12484 a,
.x-navbar .menu-item-12485 a,
.x-navbar .menu-item-12486 a {
    padding-left: 5px;
    padding-right: 5px;
}

.x-navbar .menu-item-12481 {
    margin-left:50px;
}

You may change 50px to adjust the alignment.

Hope that helps

[Author]

Posts