[Avishekks]

Wow...thank you. That solved the issue. How did you figure that out? Does it say somewhere on the site? Or were you able to tell by the way it said "mobile version" on the bottom?

Ok well that brings me to part II. As you can see in the image above where the text says "Follow," it doesn't display too well. Which part of the @media queries does this correspond to?

[Avishekks]

Hey all, my question is related to this topic.

Any idea how to move the menu items to the bottom of the header space? Currently it's at the top, and there is some space below it (www.stopbeingconfusedabouthealth.com --- view on desktop, mobile not looking very good atm).

In addition, how do I change the font size? I tried changing it but it did not work. However, I was able to successfully change the font-family...weird?

.genesis-nav-menu a,
.genesis-nav-menu .toggle-header-search {
color: #000;
display: block;
font-family: vidaloka, sans-serif; <---------this worked--------->
font-size: 32px; <----------This doesn't seem to change the size------>
font-size: 1.5rem;
font-weight: 400;
padding: 20px 10px;

[Avishekks]

Thanks. I figured this was the area to edit. I changed the width to 480px and it solved the issue! Thanks.

The problem is, I'd still like the image to be larger so back to more edits.

[Avishekks]

Ok I SOLVED the spacing thing. This is the default from my front page css file.
I simply reduced the padding on both bottom and top under the first section there. However, I haven't figured out how to lose those hyphens yet. Here is another picture of the hyphens (that's not the right term).

It's not really a hyphen as under these social media icons (which I made using the icon for each one and simply adding a link for each icon then pasting the html into a custom html widget) I see these LINES. I don't know what they are...

Now I tried changing the padding on the flexible widgets part, the second part below, and nothing happened. On my front page 1 I have 3 widgets, so I expected to see some change and saw nothing. Ideas? Thanks.

.front-page .flexible-widgets {
margin-left: auto;
margin-right: auto;
padding-bottom: 100px; <---------Reduced that------------>
padding-top: 140px; <----------and that---------->
}

.flexible-widgets .widget {
float: left;
margin-bottom: 40px;
padding-left: 40px; <-----but what do these do?------>
padding-right: 40px;
}

.flexible-widgets .widget:last-of-type {
margin-bottom: 0;
}

[Avishekks]

I edited the functions.php file but still the image hasn't increased in size. I increased it in the file to 480px in width, keeping the height the same at 120.

I uploaded a 4800 x 1200px image, and it looks smaller than before when I uploaded a 3200 x 1200 px image. Is the problem in my styles sheet? Here's what I have under .header-image.

}

.header-image .title-area {
height: 50px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 0;
width: 133px;
}

[Avishekks]

Hi I have the same question. I am very new to editing files and such.

Anyway, using firebug, I found that my site's header is contained here:

<div class="site-container" style="margin-bottom: 93px;">
<ul class="genesis-skip-link">
<header class="site-header" itemscope="" itemtype="https://schema.org/WPHeader">
<div class="wrap">
</header>
<div class="site-inner">
</div>

So I went to my styles.css but didn't find this area anywhere, so I'm not sure how to make my header image bigger.

If it's possible, I'd even like to simply add the logo, and then text next to it...any advice much appreciated.

[Avishekks]

Looks neat Brad. If you can share how to do that that would be great.

Lugoopt: Try Post Slider WD plugin. You can have a post slider that spans the full width of the page. Make sure your pictures are all the same configuration/size if you want the images to flow nicely.

The plugin will add a widget, which you can add to any of the front pages.

[Author]

Posts