Change Slider & Widgets to Mobile Responsive

This topic has 6 replies, 3 voices, and was last updated 10 years, 8 months ago by kronos.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 20, 2013 at 9:47 am #6673
francky
Customer
I have created a widget area on the right of slider and everything is working fine only that the slider and the new widget are not Mobile Responsive. I’m not that good at CSS so I shall appreciate any help to make this part mobile responsive.

I’m using Genesis responsive slider.

LINK: http://bit.ly/14ngcMT

Kind regards.
August 21, 2013 at 11:34 am #6682
Eric
Customer
If you’ve added a new widget area then you would need to add the responsive code in the responsive section of your css at the bottom. Take a look at the css that represents the other widgets to get a feel for how it works and then add what you need.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 22, 2013 at 7:19 am #6708
francky
Customer
Thank you Eric! I’ve tried to work on it but it didn’t work so I went back to the original details I have in home.php and style.css. Of course I have added a code in function.php too.
Would you please help me out in making this mobile responsive. I’m sorry but I’m not a coder at all, Bro! (my brother’s name is Eric too)

I have the code below in home.php
```
function epik_home_loop_helper_top() {
	echo '<div id="slider"><div class="wrap">';
			
	genesis_widget_area( 'slider', array(
		'before' => '<div class="slider-inner">',
	) );

	genesis_widget_area( 'home-top-left-right', array(
		'before' => '<div class="home-top-left-right">',
	) );
	echo '</div></div>';
}
```
and the css below in style.css
```
#slider {
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#slider .wrap {
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 0 0;
	width: 1152px !important;
}

.slider-inner {
	margin: 0 auto !important;
	float: left;
	overflow: hidden;
	width: 780px;
}
```
```
.home-top-left-right {
	float: right;
	width: 336px;
}

.home-top-left-right .widget {
	padding-bottom: 16px;
	padding-bottom: 1rem;
	overflow: hidden;
}
```
August 22, 2013 at 11:47 am #6716
Eric
Customer
Have you looked at the code in your responsive section I referred to? You may want to google how to create responsive css. It’s mostly changing fixed widths to percentages. Right now you have fixed widths that need to be percentages instead when viewed at certain sizes. It will take some effort on your end, but this can definitely be done.

Obviously I can’t do it all for you since this is a customization request (which goes beyond the scope of support). But I think you could figure out the concept by learning how responsive css works first and then adding the necessary code in the right places. If you don’t want to deal with the code part, then I’d just hire someone to develop it all for you.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 23, 2013 at 6:44 am #6730
francky
Customer
I GOT IT!

What I came to realize about this forum is that you either of no solutions (ref: https://appfinite.com/topic/how-to-show-specified-featured-image-only-and-not-post-images/) or advice someone to pay for something!
C`mon! I spent money to get this theme, right? Why do you guys behave as if it’s just a volunteer thing to work on problems with your theme? And here I mean >> https://appfinite.com/topic/how-to-show-specified-featured-image-only-and-not-post-images/
August 23, 2013 at 12:24 pm #6740
Eric
Customer
Wow, let me correct you on a couple things and help you understand what the purpose of a community forum is.

First you need to realize I’M A CUSTOMER, I don’t develop or sell any of the themes here. This is NOT my site. I only help out with support. So yes, you are correct I do volunteer my FREE time to help people, as you can clearly see from any of my 700 replies/posts – https://appfinite.com/users/eric/replies/ So don’t try and post a couple links to make it seem like I’m doing something wrong…..Which I’m not even sure why you posted it in the first place, it only showed how much I was trying to help you…..AND the problem wasn’t even with the theme, it was an external issue NOT caused by the child theme…..So thanks for proving my point 😉

You purchased a THEME for $24 dollars right? Please tell me you didn’t actually expect PREMIUM high level support for free in addition to that? When you purchase a theme, you are purchasing the THEME. When you purchase premium support, you will get premium support. Why is this so difficult to understand? Help me help you understand.

If you’re going to come here and ask someone to help you develop/customize your site for you free, then you might as well not charge your clients anything either. Do you see how silly and ridiculous that sounds? Do you go to the WordPress forums and get upset because people aren’t going to do all of the work for you? Of course not! And why? Because the VOLUNTEERS that reply don’t work for WordPress! You can’t blame WordPress right? Same thing applies here and anywhere else. It simply doesn’t make sense whatsoever, and it’s unfair for you to have such expectations.

Based on your response I can clearly see that you haven’t read the forum rules – https://appfinite.com/topic/forum-rules/ Which clearly explains how THIS forum works. Don’t like it? Don’t use it. Don’t like WordPress? Don’t use it. Don’t like community support? Don’t use it. It’s really that simple.

I told you what you need to do, but I’m guessing you want someone to hold your hand and do all the work for you as well? That’s not the way ANY community support forum works. Go to StudioPress, go to Woothemes or any free support forum and I guarantee you it’s the same process. Just do a search and you’ll see similar posts where they copy/paste the same text that says “Sorry, but that goes beyond the scope of support”. You do know what “Scope of Support” means right? Now would be a good time to research what that actually means. Have you read the rules for this forum you would have seen it.

Some code I can help you with, but some code takes a lot of thought, effort and time (which I don’t have a lot of). You need to remember you are not the only person here. You also did not pay anything for the support you’ve already received. You should seriously be grateful that anyone responded to you…especially if someone is trying to help you! No one is required to answer any of your questions here, so again, be grateful when someone is responding to you. It’s so sad that this even has to be explained. Again, reading the forum rules would have easily helped you to understand.

So either you want the help, or not. If not, no worries, life moves on. No one will notice or be affected if you decide not to make posts here. If you do want the help, then be patient with people and take the time to understand what this forum is here for.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 23, 2013 at 2:39 pm #6745
kronos
Customer
@francky you may want to take a look here – http://codex.wordpress.org/Using_the_Support_Forums

Specifically this –

“Forums are NOT Paid Support
Volunteers give of their time and expertise to answer your questions. They are not paid or rewarded in any way, except by the occasional thank you. Be nice to them and they will be nice to you.”

and this –

Be Patient
Everyone that answers questions on the Forum is a volunteer. Volunteers don’t get paid to answer questions. Please be patient when waiting for an answer. At times frustrations can get the better of people…it happens to everyone, but sometimes you may just have to wait a bit before a question gets answered. Remember that WordPress has a world-wide user base, so you may have to wait for someone in a faraway place to come online to help you out!”

and this –

“Be Courteous
Politeness counts. Simply asking “please” and saying “thank you” are easy things to do, and are always appreciated by those taking the time out of their day to help you.”

The WordPress forum rules are the same pretty much everywhere you go. Issues are usually fixed here as long as it’s one of the themes causing it. That’s the purpose of the forum. You mentioned how come people don’t support you, when if you actually read the post it shows that they clearly are. Support doesn’t mean designing your website for you. Support means fixing any issues caused by the theme that you are using. I can understand your frustration, but that’s not the fault of the themes here or any where else. That’s due to your own lack of knowledge when dealing with code, it’s not anyone else’s problem or responsibility. It’s up to you to learn how to code and use Genesis as it was intended. Doing some simple Googling could answer nearly all of your questions.

Notice how Woothemes has paid support that you have to purchase every year now? It’s not cheap. So please don’t ruin it for the rest of us that actually enjoy using this free forum.

Thats just my “2 cents”
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Change Slider & Widgets to Mobile Responsive’ is closed to new replies.