[Sakin]

@ashrafashraf: Yes now change the padding as per you need. For desktop, for example change
#site-generator { padding-top: 459px; }
to
#site-generator { padding-top: 535px; }

Similarly you can check your site and change as per you need in different media screen sizes.

[ashrafashraf]

Yes, fixed the issue on my desktop.
But about my iphone which one must i change it the padding for it ? please

[ashrafashraf]

Hi Sakin,
There is something wrong on the footer,
the section of my power by is on the left.
and the section of my copyright is on the right.
How can i change that ? please

[Sakin]

@ashrafashraf: That’s from rtl.css. So, you can add the following css to put it back.

#site-generator .powered { float: right; }
#site-generator .copyright { float: left; }

[ashrafashraf]

Thanks , I added your code, But…
Please, I have also the following code on my css:
#site-generator .copyright {
float: left !important;;
margin-right: 3%;
margin-left: 0;
text-align: left;
}
#site-generator .powered {
float: right !important;
margin-left: 3%;
margin-right: 0;
text-align: right;
}
}

What must i do to fix this issue ? please

[Sakin]

@ashrafashraf: You have added all those inside 767px screen. So, replace your Custom CSS

@media screen and (max-width: 767px) {
        .social-profile {display: none;}
	#site-generator .copyright, #site-generator .powered {
		display: inline;
		width: 47%;
	}
#site-generator .powered { float: right; }
#site-generator .copyright { float: left; }	
#site-generator .copyright {
		float: left !important;;
		margin-right: 3%;
		margin-left: 0;
		text-align: left;
	}
#site-generator .powered {
		float: right !important;
		margin-left: 3%;
		margin-right: 0;
		text-align: right;
	}
}

With the following css:

@media screen and (max-width: 767px) {
    .social-profile {display: none;}
	#site-generator .copyright, #site-generator .powered {
		display: inline;
		width: 47%;
	}
	#site-generator .copyright {
		float: left;
		margin-right: 3%;
		margin-left: 0;
		text-align: left;
	}
	#site-generator .powered {
		float: right;
		margin-left: 3%;
		margin-right: 0;
		text-align: right;
	}
}

#site-generator .powered { float: right; text-align: right; }
#site-generator .copyright { float: left; text-align: left; }

[ashrafashraf]

Thanks sir.
I am still have the section powered by on the left,
and the section copyright on the right.

How can i make the OPPOSITE ? please

[Sakin]

@ashrafashraf: Did you refresh your browser and check in as now when I check in your site. I see Powered by on right and Copyright on left. So, it’s corrected.

[ashrafashraf]

Yes that is right.
Please how can i add some padding to each section.
What do you think i need to do more ? please

[ashrafashraf]

Can do please check the result on your iphone ? please

Thanks

[ashrafashraf]

I have the same issue on my iphone with the footer section , It is not displayed good, Please Help me to fix this issue ? thanks

[Sakin]

@ashrafashraf: I have already given you detail CSS where you can just adjust the padding as per your need. For iPhone, in the previous css you can just change the padding. Find the following previous css that I gave you and then increase as much as you need.

@media screen and (max-width: 767px) {
#site-generator { padding-top: 134px; }
}

[ashrafashraf]

Thanks , I will change it .
Please can do check : http://grab.by/y92y
Can i add padding to the two sections (power by, copyright) ?please
Pleas Help!!!

[Sakin]

@ashrafashraf: I mean that you change like the below. Sorry we don’t be able to support at this level. For now replace your following css

@media screen and (max-width: 767px) {
.social-profile {display: none;}
    #site-generator { padding-top: 145px; }
}

With the following, where I have increased the padding top from 145px to 240px. This is all that you need to do it.

@media screen and (max-width: 767px) {
    .social-profile {display: none;}
    #site-generator { padding-top: 240px; }
}

For more customization, please hire customizer at http://catchthemes.com/hire-customizer/

[ashrafashraf]

Thanks sir,
Please, What do you think , if we disappear these sections on the iphone only ?
And if i want to do that:

@media screen and (max-width: 767px) {
#site-generator {display: none;}

}

is that better and correct?

[Sakin]

@ashrafashraf: Yes that’s fine.

[ashrafashraf]

Hi Sakin,
I am still see the footer pat on my iphone,
Can do please check it ? and it is not organised !!!

Please Help!!!
Thanks

[Sakin]

@ashrafashraf: I have already given you detail code and that you can adjust it. If not then you need to hire customizer http://catchthemes.com/hire-customizer/

[ashrafashraf]

I mean, I want to hide the power by and the all rights reserved parts, when i open my site on any mobile devices?
Please, How can i do that?

Thanks

[Sakin]

@ashrafashraf: You can add the following css in “Appearance => Theme Options => Custom CSS” box.

@media screen and (max-width: 767px) {
    #site-generator .copyright,
    #site-generator .powered {
        display: none;
    }
}

[Author]

Posts