Media Screen Responsive width

[Oliver]

Hello Support I received the following code:
——————————————–
@media screen and (max-width:479px) {
#footer, #copyright { width:365px !important; margin:auto;}
}

@media screen and (max-width:767px) and (min-width:625px) {
#footer, #copyright { width:625px !important; margin:auto;}
}

@media screen and (max-width:999px) and (min-width:768px) {
#footer, #copyright { width:768px !important; margin:auto;}
}
——————————————–

My Mobile, Mobile Horizontal, & Tablet Responsive view all work, but my desktop is not, what do I have to do to add to this code to get the footer & copyright sections signed up with the body and slide above as in the other devices, web address is http://m.emsoc.net

Thanks

[Sonnal S Sinha]

Hi Oliver,

Do you want footer and copyright section in a container just like the above sections?

Regards,
Brad

[Oliver]

In full desktop view I want it to line up as in the other mobile, mobile horizontal and tablet views where footer and copyright line up rather than stretch out past the margines of the sections above(Body and header).

[Sonnal S Sinha]

Hi Oliver,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code:

#footer{width:1000px !important; margin:0 auto !important;}
#copyright{width:1000px !important; margin:0 auto !important;}

Regards,
Brad

[Oliver]

I have added this and it works for the desktop view but it throws off the mobile, mobile horizontal and tablet views once I add this, please see for youirself,

http://m.emsoc.net

[Oliver]

This is what I have in my Custom CSS Box, and it throws off the other settings

@media screen and (max-width:479px) {
#footer, #copyright { width:365px !important; margin:auto;}
}

@media screen and (max-width:767px) and (min-width:625px) {
#footer, #copyright { width:625px !important; margin:auto;}
}

@media screen and (max-width:999px) and (min-width:768px) {
#footer, #copyright { width:768px !important; margin:auto;}
}

#footer{width:1000px !important; margin:0 auto !important;} #copyright{width:1000px !important; margin:0 auto !important;}

[Sonnal S Sinha]

Hi Oliver,

Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Brad

[Oliver]

If you look at the thread it’s all explained above clrearly and the link is also there

[Sonnal S Sinha]

Hi Oliver,

I have looked at your website and asking about to send admin details. Your website has a horizontal scroll on mobile. It is difficult for me to send a responsive code to you and hence i need a admin details so that i can fix the responsive issue.

Regards,
Brad

[Author]

Posts