Media Screen Responsive width

Home Forums All Other Themes Media Screen Responsive width

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #26074
    Oliver
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 28, 2016

    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

    #26154
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23540
    • Total: 23540
    Member since: August 16, 2013

    Hi Oliver,

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

    Regards,
    Brad

    #26203
    Oliver
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 28, 2016

    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).

    #26266
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23540
    • Total: 23540
    Member since: August 16, 2013

    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

    #26292
    Oliver
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 28, 2016

    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

    #26293
    Oliver
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 28, 2016

    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;}

    #26427
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23540
    • Total: 23540
    Member since: August 16, 2013

    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

    #26440
    Oliver
    Member
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 28, 2016

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

    #26445
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23540
    • Total: 23540
    Member since: August 16, 2013

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.