meredithcoe

Thanks.

So where would I even place the

P.blocktext {
margin-left: auto;
margin-right: auto;
width: 6em
}
in CSS editor?

ooops the code in my stylesheet is:

.navigation-main ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

Thank you for taking the time time help and I do not want to be a burden…I’m just not sure where to copy paste information:

In firebug it looks like this:

element.style {
    padding-left: 770px;
}
.navigation-wrapper .menu:before, .navigation-wrapper .menu:after {
    content: " ";
    display: table;
}
.navigation-wrapper .menu:before, .navigation-wrapper .menu:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    box-sizing: border-box;
}
.navigation-wrapper .menu:after {
    clear: both;
}
.navigation-wrapper .menu:before, .navigation-wrapper .menu:after {
    content: " ";
    display: table;
}
.navigation-wrapper .menu:after {
    clear: both;
}
.navigation-wrapper .menu:before, .navigation-wrapper .menu:after {
    content: " ";
    display: table;
}

And on my stylesheet it looks like this:

.navigation-main {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.navigation-main ul {
    list-style: none;
    margin: 0;
    padding-left: 150;
}
.navigation-main li {
    float: left;
    position: relative;
}
.navigation-main a {
    display: block;
    text-decoration: none;
}
.navigation-main ul ul {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    position: absolute;
        top: 1.5em;
        left: 0;
    z-index: 99999;
}
.navigation-main ul ul ul {
    left: 100%;
    top: 0;
}
.navigation-main ul ul a {
    width: 200px;
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
}
.navigation-main ul ul :hover > a {
}
.navigation-main ul ul a:hover {
}
.navigation-main ul li:hover > ul {
    display: block;
}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
    display: none;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .menu-toggle,
    .navigation-main.toggled-on .nav-menu {
        display: block;
    }

    .navigation-main ul {
        display: none;
    }
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.navigation-main.toggled-on .nav-menu {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
}

Got it. I’ll try it out now.

I’ve tried simply copy and paste, but that doesn’t do the trick.

I’ve played around in firebug… but I don’t know how to transfer that info over to wordpress.. I have it how I want it in a browser, but I’m clueless at to how to translate that over.

Yes. I have one.

Help…. anyone?

Here’s what it looks like so far:

.navigation-main {
clear: both;
display: block;
float: left;
width: 100%;
}
.navigation-main ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.navigation-main li {
float: left;
position: relative;
}
.navigation-main a {
display: block;
text-decoration: none;
}
.navigation-main ul ul {
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
display: none;
float: left;
position: absolute;
top: 1.5em;
left: 0;
z-index: 99999;
}
.navigation-main ul ul ul {
left: 100%;
top: 0;
}
.navigation-main ul ul a {
width: 200px;
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
}
.navigation-main ul ul :hover > a {
}
.navigation-main ul ul a:hover {
}
.navigation-main ul li:hover > ul {
display: block;
}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
}

Thanks so much bannorb!

Answer: Rebuild Images

I am comfortable working in CSS if there is a workaround.

I’m going to start a new topic on how to hide the gallery slider under the big photos. Thank you again for all the help Andrew!

Boom. Done!

THANK YOU SO MUCH. Very helpful.
To center the menu bar is it the same principle?

Appearance – Edit CSS (my guess is through Jetpack)

Got it… so change “font size from 50% to 100%?