Edit a few sections of website

[speanut]

Can you please tell me how to edit the following spots in Ethos theme?

#1. How do you remove the little plus sign from the top right corner? When I click it, it shows a blank bar that opens. I want to remove that.

#2. I added some footer text and a link in the footer. The text for those are White on a White background. How can I edit the color of the text and the background color of the footer area?

#3. I have a menu at the top of the website that shows on desktop, but not mobile. How can I get it to show up on mobile as well?

Thank you for the help
Mike

[ruenel]

Hello Mike,

Thanks for writing in!

1. You are referring to the header widget toggle icon. You can get rid of this by going to X > Theme Options > Header > Widget Bar. You should select none so that the header widget area will not display.

2. By default, Ethos stack has been designed to have a dark footer background color. If you choose white then please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-colophon.bottom .x-colophon-content {
    color: #000;
}

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

.x-colophon.bottom a:hover,
.x-colophon.bottom .x-nav li a:hover {
    color: #999;
}

3. The menu icon is not showing because it is in white color. To resolve this, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-btn-navbar.collapsed, 
.x-btn-navbar.collapsed:hover, 
.x-btn-navbar {
    color: #000 !important;
}

We would loved to know if this has work for you. Thank you.

[speanut]

@RueNel

o

Thank you for the help. This information fixed #1, and #2. It made it so that the menu is showing on blog pages, but not on the main page of the mobile for some reason. Do you know what I could do to fix this?

[speanut]

Sorry, it seems to be working on the mobile now. Thanks again for the help

[ruenel]

You’re most welcome!
We’re glad we were able to help you out.