Do you have a link to your Site? Because that depends on how you’re adding your code in. Everything is supposed to be automatically responsive when added to the theme, but there are certain cases where if you add something and the code you add can override or break the responsive css features. In order to know I would need a link to your site and the page that the divs are located on (also let me know which divs you’re referring to as well). Once you post that then I (or anyone else that sees this) will be able to figure out what could be going on.
Also, if you’ve added custom CSS, sometimes depending how it’s added, it can override/interrupt the default responsive features. To prevent that from happening the code would have to follow the “Responsive CSS Guidelines” which every site regardless of the theme you’re using would have to follow in order to work properly (even on other platforms). I’ll probably be able to see what’s going on once I can take a look, I just need to see it first.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Check out my comment here – https://appfinite.com/topic/home-page-layout-to-be-applied-to-internal-pages/#post-9566 this should cover the basics of how you can do it.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Hi, I’m not sure what you’re asking exactly. Can you explain a bit more in detail what you’re trying to do? This particular child theme doesn’t add or affect a file named xmlrpc.php so if you have an issue with it, it’s either the Genesis Framework, or something external, such as a plugin or custom code.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Hi! I would need a link to your site to see which part needs to be edited.
You’ll want to search for something like this in your CSS .genesis-nav-menu a
–
.genesis-nav-menu a {
border: none;
color: #888;
display: block;
font-weight: 700;
padding: 13px;
position: relative;
}
You can change the font-weight by looking for that code in your CSS, but if you have a link to your site I can tell you the exact line it’s located if you’re using a CSS editor. If not, just do a search for .genesis-nav-menu a
by using Ctrl + F (PC) or Command + F (Mac)
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
“I tried to update the thread at https://appfinite.com/topic/help-with-final-tweaks/ but for some reason there was no box at the bottom to add to the thread.”
Anytime that happens just hit your Reload button on your browser. It’s your browser cache – https://appfinite.com/topic/having-trouble-logging-in/ Once you reply at that thread he’ll get a notification and see your reply.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
@scooby Ah, you beat me to it!
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
That’s good to know, hopefully they can figure out how to fix it.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
The Epik theme is a Child theme and it doesn’t have the “Auto Update” feature. Only the Genesis Framework Auto Updates. That’s the reason the Child theme and the framework are separate so that Genesis can be updated without it affecting your Child theme and any changes you’ve added. So Genesis is the only thing that is updating if that’s what’s happening.
As for the jquery, I’m guessing that is coming from either Genesis or another plugin that you are using. I’ve checked the files in Epik as well as the Epik demo and I didn’t see that code show up. Are you using any plugins?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Hi, do you have a link to your site?
We can do it a couple ways, either you could remove the content from showing on the portfolio page by editing the page_portfolio.php file in your theme, or you can have those sections hidden by adding code in your style.CSS…..We’ll need a link to your site in order for anyone viewing this post/yoursite to be able to tell you how to do the latter.
For the Text Overlay you’ll probably need to hire someone to add a customization to create what you’re looking for as it could go a bit beyond the scope of support.
But definitely send over a link to your site so I or anyone else reading can tell you which parts of your CSS you can change to hide the content as you’re looking to do.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Ok, Hopefully they’ll be able to help. If there is an issue with the theme itself just let any of us know.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
This is the first time I’ve seen this request 🙂 Usually most people want the logo to be h1 for SEO. The code that causes this to happen comes from the Genesis Framework itself and not the Child theme (Epik). The Epik Child theme only handles the design. So if you want to make changes to that part of your site (The Genesis Framework) then you’ll need to use hooks/filters to modify it. These can be found on the StudioPress site here – http://my.studiopress.com/ Although, I haven’t seen the exact way to change the tags in the way that you’re looking to do. It’s definitely possible, just not sure the proper code you should use just yet. If anyone knows, please post it here. Thanks!
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
I would download a plugin called Regenerate Thumbnails and run it. Once you do that, then it should adjust all of your image thumbnails to fit better.
The size of the image is located in the functions file, and the CSS also affects the size as well.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Unfortunately that’s something that will take quite a bit of time and Custom Code, which would kind of go beyond the scope of support.
If I find some tutorials on how to do it then I’ll send you a link.
Edit: Found one…..although I’m not sure if that will work with your version of Epik or not since the post was created in 2013.
http://jennifergrayeb.com/2013/09/freeze-header-on-genesis-epik-theme/
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
@scottmc59 Since this is an off topic question from the original thread, you’ll need to create a separate thread to ask your question. This is a forum rule to help keep threads organized so it is easier to search for solutions.
This also appears to be a duplicate question – https://appfinite.com/topic/image-is-shifted-and-cropped-in-slider/
I’m posting this info just in case you’re new here 🙂
BTW, I answered your question at your other link/thread – https://appfinite.com/topic/image-is-shifted-and-cropped-in-slider/#post-15608 so we can finish up there if you are unable to get it working.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
You just need to add your slider to the slider widget area titled “Slider Wide“. “Slider Wide” is a full width widget area with no width limitations.
The regular “Slider” widget area is 1140px, which is designed for those that want a slider to fit in line with the theme content width.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
It looks like you already did? It’s usually the title-area that adds a min-height of 164px by default. Did you already fix it?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Yep this is definitely possible. Just need to add a couple CSS mods, but it’s definitely doable.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
This is something that is linked to the Genesis Framework (and not the Child theme), but unfortunately I haven’t found anything out there that shows how to do this. I’ve also asked a few people but haven’t found a solution yet.
I’m sure it could be done by editing the Genesis Framework files themselves, but I wouldn’t recommend doing that, since it’s not good to make edits to the Framework directly due to future updates overwriting the code. Hopefully someone can figure something out.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
@SusieQ FYI when you post in Private only Moderators can view your posts. Regular members/customers can’t see what you’re posting. You would only need to use the Private Reply Option when adding a user/password or a link, other than that, you’ll need to post regularly. I had to contact a Moderator to figure out what you wrote.
To answer your question, in order to push the navigation down more, you can add more space to it on line 1996 in your Style.css file –
.header-image .site-header .widget-area {
padding: 16px 0;
padding: 2.5rem 0;
}
It’s recommended to remove the rem
line – padding: 2.5rem 0;
and just use px
instead. Just adjust the px
to whatever looks good to you, and that should be it. Here is an example you can start with –
.header-image .site-header .widget-area {
padding: 140px 0;
}
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Ok, Sounds good 🙂
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
You got it working, nice! Do you have a link we can check out?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
What is the link to your site?
I didn’t see a link/theme that was created by Appfinite
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Correct me if I’m wrong, but I don’t think the Genesis Framework offers “Randomizing” as a Feature by default. If this doesn’t exist, you’d probably need to find a plugin that can handle this for you without dealing with the code.
From what I can see, it looks like Genesis will show the latest Posts in that widget, but I don’t see any options for randomizing.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
That will take some extra time and effort to do since it’s a customization that goes beyond the basic features of the Genesis Framework. I’d recommend searching for the tutorials out there on how to create New Widget areas for Genesis. Then use that info/code to add it in the place where you want it to show on your site. It will take some basic PHP, HTML, and CSS skills in order to implement this.
The other option is to hire a developer to do it for you……But I’d recommend researching on how to create widget areas first so you won’t need to hire anyone.
Here’s a start – http://my.studiopress.com/tutorials/register-widget-area/ There is a lot of documentation on how to create widget areas with the Genesis Framework located on the StudioPress website. So check that out and it should help you get going.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
I saw someone asking a similar question – https://wordpress.org/support/topic/plugin-genesis-title-toggle-no-title-no-h1-tag using the Genesis Title Toggle Plugin.
Does this particular plugin help at all?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
It looks like it’s working fine to me. Did you get it working ok? Let me know if I’m missing something.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
For some reason it’s not showing me the blog page. Do I need to login in order to see it?
I’d be able to tell you what needs to be fixed once I can take a look. Feel free to post privately if needed (use the Private Checkbox).
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
I can figure out exactly whats going on with a link to your site. So if you have one you can post just let me know.
You can add it privately by checking the Private Reply Checkbox if you need to.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
I honestly haven’t seen an easy way to do this with Genesis. You might have to search for a plugin to customize this (if one exists). If that doesn’t work, then you’d probably have to hire one of the Genesis Devs to create something to make this possible since it doesn’t appear to exist just yet.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Hi,
Do you have a link to your site?
To change the font, you’ll first need to link to it from either your functions, or CSS file (Since you’re using the Genesis Framework). Here is a quick tutorial – http://my.studiopress.com/tutorials/load-google-fonts/
You can add any Font you want by replacing the font in the code with any of these – http://www.google.com/fonts/
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
You can add a CSS override which will hide it from visually showing up on your site. Just add this to your CSS –
.edd-download .post-info {
display: none;
}
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
I think thats because you have a background image that is limited in size, and doesn’t have the height to cover the entire page/site. The two div section/areas you mentioned actually have a clear background…..it’s just that your main background image doesn’t stretch that far.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Which part of your image do you want to stay fixed, because by default, the images aren’t designed to stay fixed, unless you add the proper code to do so.
Also, Appfinite (and the Community) has a One Question/Topic Per Thread Policy to help keep each Thread/Post Organized, which makes it easy for others who are searching for similar topics/solutions to questions/issues. So if you have separate or unrelated questions you’ll need to create threads for each of those questions/topics individually.
Nice site BTW 🙂 I Love Cycles!
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Yes, that’s what I’m referring to. Your image itself is not properly aligned centered, horizontally. However you created the image, you need to use that same program and CENTER the image. If you look at the image you have above, you can see it’s not centered Horizantally. This has nothing to do with vertical, I’m talking about horizontal.
The theme is working fine, it’s just your logo that needs to be edited. Hope this makes sense.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
The code itself is working fine, now it’s just your image/logo that needs to be re-edited. Your image is probably appearing cut off because the image itself is not centered. The code to have the header image Centered is working, but the actual image is not centered in the photo.
To fix this, just open your image up in Photoshop (if that’s the program you used to create it) and center the image/logo in the very middle.
Just in case what I said sounds confusing, just take a look at your image by itself to see that the logo is off to the right – http://www.williamselectric.net/wp-content/uploads/2015/02/banner_logo_360x164.png
I don’t have an Android to check, so once you make that adjustment, hit your reload button (to clear the browser cache) and let me know how it looks. Once you do that it should look a lot better.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
As @kronos mentioned, if you can add a link to your site wherever the issue is happening, either I or Kronos (or whoever is reading this) can check everything out and see what’s going on.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Yep, you can have cake and eat it with this theme 😉
To have it center on mobile devices only, add this code to your responsive section under line 4023 inside of the max-width: 1023
section –
.site-header .site-title a {
background-position: center top !important;
}
The section on line 4023 looks like this in the beginning –
/* iPads (portrait)
--------------------------------------------- */
@media only screen and (max-width: 1023px) {
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Hmmm, for some reason the “Priority” code isn’t working like I thought it would when I tested. Now I’m not sure how we could do it.
Question, why don’t you just add everything inside the same “Header Right” widget location so that you can control where each widget shows up? That would be the best option if you don’t find out how to move the widget areas/positions around.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
@vwirth Awesome! Glad to hear you’re figuring things out. Your site looks like you know what you’re doing, so great job!
If you run into a specific issue of something that isn’t working quite right be sure and let us know and I’d be glad to point you in the right direction.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
I’m not sure you can do it that easily, the method they and other sites are using is more complex than just simply adding a link to youtube…..although I wish it were that easy 🙂 You might want to contact that particular site and ask how they did it since Wes currently doesn’t have a theme that offers that feature straight out of the box at the moment. I saw another post similar to this located here – https://appfinite.com/topic/video-header/ where Wes spoke on the subject.
I’ve seen quite a few sites do this, but they all seem to have their own “Internal” way of doing it, and it’s not something they offer to the public. So you would have to probably do a Google search, or look at the Source Code and add it in that way, manually.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Are you saying you added some code in your functions file to add this widget? Or did you add a widget into the header right widget area from the widgets page in your admin? There’s a difference between the two so that’s why I’m asking first.
If you did add code to your functions.php or home template file, can you post the code that you used here so I can test on a local install? It probably just needs to have a priority added to the code. That’s what I’ve done with a similar issue in the past.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
The issue isn’t the Epik theme itself, since by default the Mobile Responsive features work perfectly from the start. Of course if you change, edit, adjust anything that prevents it from doing what it’s naturally supposed to do (responsive) then you would need to revert back and figure out what all you’re adding/removing that is causing the issue. The issue isn’t the theme itself, it’s something that you’re adding that is most likely throwing everything off. The same thing will happen on any theme that you use.
It’s hard to say what all it could be exactly since there is so much code to examine and look at. Doing this goes beyond the scope of support since this deals with customization and fixing an issue caused by customization. I would recommend reverting back and adding your code in piece by piece to figure out where your issue is coming from.
If you’re developing sites for clients and offering Mobile Responsive features, then now would definitely be a good time to understand how Responsive CSS works so that you can learn to design and make adjustments without breaking any of the Responsive features. I did this a couple years ago by reading tutorials and constantly inspecting and testing code using the browser inspector tools. You can even use something like this to test responsive features in your browser – http://www.studiopress.com/responsive/ You’ll still need to look at a mobile device for somethings, but that link above will still help with some of the basics.
If you’re in a hurry, then the best thing to do is hire someone that already knows how Responsive CSS works, and they should be able to inspect/examine all of your code to pinpoint where all the issues are coming from and get them fixed asap. Shouldn’t take too long as long as they know what they’re doing.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
I’m not sure what you were trying to show, but the image/link that you posted didn’t show up properly.
You can look at the Epik Forum page https://appfinite.com/forum/epik-theme-support/ at the top there are some code snippets and tutorials that show you how to duplicate the demo homepage. Example – https://appfinite.com/topic/how-to-add-left-and-right-content-for-the-epik-theme-widgets/
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Just so I’m clear, are you saying you want the entire widget area to float to the left right under the logo? Here is an example of what I’m talking about – http://i.imgur.com/PQPAZcq.png
^ Is that what you’re looking to do?
If so, you can add clear: both;
to the header widget area code in your css on line 2058 –
.site-header .widget-area {
clear: both;
color: #ddd;
float: left;
text-align: right;
width: auto;
}
It’s already “floating” to the left, but the “clear: both” will make it show up on it’s own line (separate from the logo.)
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Yes you should be able to do this with any Genesis theme. If it works with one Genesis theme, then it will work with another. The reason is because all Genesis Child themes have the same abilities…you’d just need to make the necessary adjustments to the CSS depending on your logo size, child theme, header width, etc.
I looked at your site, but it appears you still have the Education theme setup. Just let us know when you get the Epik theme installed and ready and I (or anyone else that beats me to it) can point you in the right direction in getting this setup.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
@Mike I replied to your post here – https://appfinite.com/topic/header-widget-change-position/#post-15123 lets finish the convo on that link since this thread was originally started by @Genghis7777
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Do you have a link to your site?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
@Mike Do you have a link to your site?
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
“Trying to think if there is any setting I could have set somewhere which means it isn’t showing up, perhaps?”
I’m not sure, it should work once you add the code in…..unless you have some other code/plugin that is overriding it.
When I added the code from the tutorial it worked. Two arrows showed up at the top of the post. They are small arrows, so make sure when you add the code that you don’t miss it. Once you get the code working, you’ll need to customize the css so it shows up the way you want. At the start it will show up with both arrows on the left, but once you customize the CSS you can have one on the left, and the other on the right. You should also be able to change the arrows to TEXT or whatever you want to be displayed to represent the previous/next links.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
20px is coming from line 1172 –
.slider .wrap {
margin: 0 auto 20px;
padding: 0;
width: 1140px;
}
And the other 20px is coming from line 1178 –
.slider .widget {
margin: 0 0 20px;
}
You can change the margin on both of those sections to margin: 0;
if you’re not going to be using more than one widget inside of the slider area.
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com