Your cart is currently empty!
Thanks Andykev. I have implemented the changes. Thanks for your help.
I will post questions as I go along.
I have not even configured the welcome features. I am not removing that line yet.
I was referring to the gap between the menu items. Nothing to do with the welcome features.
My site is not fully configured. Thanks
Okay. Just keep in mind that I use Edit CSS to make modifications. I don’t touch the actual style.css unless I need to remove something.
I mentioned to you that Wes said that we can download the demo files:
A quick and easy way to setup the Homepage demo is to download and install a plugin called “Widget Importer & Exporter” – https://wordpress.org/plugins/widget-importer-exporter/ Once you install this plugin, it will allow you to import a file that will automatically fill in the same widget content from the demo homepage to the widgets of your own site. So by using this plugin, you won’t need to copy and paste the text and html code used from the demo since the plugin will automatically add it in your widgets for you.
We recommend this plugin because the default WordPress XML file doesn’t import Widget content. It will only import Posts, Pages, User info, etc, but it doesn’t include widget content. So in order to install the widgets all in “One Click“, you can use the plugin above and it will take care of the entire process for you.
You can download the Epik Demo widgets file here – https://www.dropbox.com/s/ezljifs7mtg9l38/demo.appfinite.net-epik-widgets.wie?dl=0 Import this file with the plugin.
Thanks so much for your help. It worked. One question?
http://www.studiopress.com/responsive/
When I test the site http://www,mediaelevate.com, I see a huge gab between the menu items. Is this normal.
What changes I need to make to php or .js? Whee is the js. I need to access the cPanel from my hosting site A2 Hosting.
I can’t see it in the Editor in Appearance.
Now I see @media. When I test the site http://www.studiopress.com/responsive/, there are no major changes.
I am going to upload the original style.css that has @media into the cPanel. I don’t know why the Editor in the Appearance does not have it.
Something must have happened along the way.
Thanks
The Epik theme is a responsive theme. The style.css did not include @media.
You suggested it and I incorporated the changes but each time I update the style.css in the Editor, the @media goes missing.
I have Responsive Header Plugin and many other plugins registered.
I need to know what is standing in the way before I can resolve the issue.
Thanks
Wes is the developer and yet he does not seem to respond accordingly. He is the one who came up with the theme.
I have implemented the changes in the Editor in Appearance. And after clicking the update at the bottom, I see the @media is missing.
There is a reason and only Wes can answer because he is the developer.
I am referring to the Editor in Appearance.
I normally make the changes in Edit CSS in Appearance.
The theme does not register @media.
Thanks
I added @media and I updated the css but the Epik theme does not register it.
After I update the css, the @media does not show up.
My menu has not vanished. http://www.mediaelevate.com
I only fixed it.
display: none;
I added the colon. Now I see no responsive icon.
When I test the site http://www.studiopress.com/responsive/, there is no icon. And the menu appears horizontally. On the smaller screen sizes, you have to scroll to the right to see it.
I fixed it. Somehow there was no colon.
display none;
Once I added the colon, the icon is gone. But I see no icon when I test http://www.mediaelevate.com in
http://www.studiopress.com/responsive/
There is no cut/paste from another theme. Wes mentioned that we can download the Theme’s demo content to make the home page look like the Epik demo version.
That is what I did.
Thanks
I do have a menu. http://www.mediaelevate.com
This is tricky.
The original css shows the following:
/* Responsive Menu
——————————————— */
.responsive-menu-icon {
cursor: pointer;
display none;
margin-bottom: 10px;
}
.responsive-menu-icon::before {
color: #eee;
content: “\f333″;
font: normal 32px/1 ‘dashicons’;
margin: 0 auto;
}
But when I use Chrome’s Inspect Element on the front-end, I see only the following code:
media=”all”
.responsive-menu-icon {
cursor: pointer;
margin-bottom: 10px;
}
Why is Wes not responding to my inquiry. After all, he is the developer of the Epik Theme.
Thanks
.responsive-menu-icon {
cursor: pointer;
display none;
margin-bottom: 10px;
}
This is what I have in the theme’s css. I guess it is meant to be there.
Everything is fine now. I have downloaded the theme’s demo files.
And I added the following code in the theme’s css at the bottom:
/* iPhones (portrait and landscape)
——————————————— */
…
.site-title a {
background-position: center top !important;
}
http://www.studiopress.com/responsive/
When I test it in smaller screens, the logo is not cut off. You just need to scroll to the right to see it.
Thanks