[gcampton]

Thanks cwalsh.. my main site was created in Adobe Muse, haven't got around to converting it to WordPress yet. The site I'm referring to is http://southeasternreptiles.com.au/wp/

[gcampton]

Try deactivating all plugins and make sure cdn and cache is clear. Enable each one by one checking as you go. More than likely a plugin update stuffed something up.

[gcampton]

Assuming you've only included a few css tweaks and functions, just copy those changes to temporary files or copy the whole files. Install a child theme first then apply your changes to the child theme. You could just use the whole CSS from your current genesis in the child theme, it's not going to matter.

Then once it looks the same update Genesis.

[gcampton]

Did you fix it?

Just looked to see if I could figure it out, but there's 3 footer widgets there. Please mark as resolved and include fixes if any for others searching for same solutions.

[gcampton]

Looks like you figured it out.

On a side note: Why are you calling it "Blogg"? it's "BLOG" short for weblog. A Log or record on the web, web-log.

[gcampton]

Glad you figured it out. I use the best selling Visual Composer plugin for all my content as it is responsive (even on non-responsive themes).

That way it doe-
sn't break up a-
ny words and l-
ook funny. Wh-
ich is incredibi-
ly difficult to r-
ead.

[gcampton]

I'm assuming (without looking at the theme or using it before) there's a placeholder image and probably under /images/logo.png folder in your child theme. You can just replace it via FTP or cpanel -> File Manager.

make sure your image has the same name.

If you use Firefox or Chrome there's an extension called MeasureIt it allows you to draw a square on any page elements to figure out the size. I find it useful figuring out images sizes. If your image is a different size, it probably won't matter too much you may just need to adjust in css.

[gcampton]

What content? text?

be more specific and include link to your site.

[gcampton]

If what you say is true then it has to be either a breach or plugin conflict. If you are using cloudflare or any other CDN stick it in dev mode.

Try disabling all your plugins see if that solved it, then re-enable one at a time checking each time you active one.

[gcampton]

Recap: Or something like this:

#nav ul {
    float: left;
    margin-left: 120px;
    width: 100%;
}

#nav li {
    float: left;
    list-style-type: none;
    margin: 20px 0 0 20px;
}

#nav li a {
    color: #46109a;
    display: block;
    font-size: 18px;
    padding: 0;
    position: relative;
    text-decoration: none;
}

.sub-menu {
    margin: 0 !important;
    padding: 0 !important;
}

.sub-menu li {
    margin: 5px 0 0 7px !important;
    padding: 0 !important;
}

[gcampton]

Actually the site isn't responsive anyway... just put the 120px in the #nav ul tag and you're almost done, some small tweaks to the submenu should do it.

[gcampton]

adding the margin or padding top 20px to the #nav li works. and doesn't effect the submenu

#nav li {
    float: left;
    list-style-type: none;
    margin-left: 20px;
    margin-top: 20px;
}

Now just need someone to tell us how to make the centering work...

#nav ul {
    float: left;
    margin-left: 120px;
    width: 100%;
}

If you put the 120px margin left in it looks perfect. But will be awful in tablet and mobile.

[gcampton]

yes it should be in the child css. Everything, always should be in child css unless you find a serious vulnerability or error in the main Genesis framework, which is unlikely at this stage of development.

How did you center the menu? Because it's not centered correctly, and there's not enough room for your menu items.

Having a look, kinda looks like you just added margin...

#nav ul {
    float: left;
    margin-left: 135px;
    width: 100%;
}

I assume you made that 135px instead of just centering it. Firstly get rid of that. Make it '0'

Then in

#nav li {
    float: left;
    list-style-type: none;
    margin-left: 135px;
}

You have the same problem, so you've added 135px margin left to the WHOLE menu, and added 135px margin left to each menu item. Change that to:

#nav li {
    float: left;
    list-style-type: none;
    margin-left: 35px;
}

35px is enough or even 20.

thirdly we want to center the menu, add
text-align: center; to #nav

#nav {
text-align: center;
}

Remove the padding on links.

#nav li a {
    color: #46109a;
    display: block;
    font-size: 18px;
    padding: 0;
    position: relative;
    text-decoration: none;
}

Then add 20 margin top to the whole menu.

#nav ul {
    float: left;
    margin-top: 20px;
    width: 100%;
}

That's looking better, but for some reason is not centering, someone needs to step in and help out here.

EDIT: actually that margin top won't work as it changes submenu. change back to padding on links.

[gcampton]

Although I was pretty sure I tried that already...

[gcampton]

Thanks,

this worked ;

.genesis-nav-menu {
	clear: both;
	font-size: 20px;
	line-height: 1;
	width: 100%;
	text-align: center;
}

[gcampton]

hmmm didn't seem to work. I changed 'a' then changed 'item' as well, didn't work. Cloudflare is in deve mode and cache cleared.

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: center;
}

.genesis-nav-menu a {
	color: #333;
	display: block;
	padding: 30px 24px;
	text-align: center;
}

[gcampton]

I assume you're just adding css to the bottom on the stylesheet?
Otherwise it should not have overridden it.

What you should be doing is looking for the changes you want to make.
For instance links in content:

a {
   color: #333;
}

So rather than putting new declaration at the bottom with your color just hit CTRL+F to "Find" text on the page, look for "a {"
which is around line 80 or so, then replace it with your new color.

This will NOT change the color of buttons or nav menus because the rest of the stylesheet (Those are declared afterwards) still remains the same.

[gcampton]

[gcampton]

It's probably not too important. Not many people run their desktop browsers at 300px. I'd check using phone simulators and actual safari browsers on samsung and iphone. If it's still a problem or you need me to check (i got a samsung) then let us know.

I just checked on my desktop safari and did NOT have the same problem, version 5.1.7

[gcampton]

You are awesome, thanks.

[Author]

Posts