Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #26723

    I need to move footer (with widgets) and socket (copyright bar) bit upwards.

    the reason why I’m doing this is there is a lot of space between portfolio grid and footer as you can check check in the link below,

    http://goo.gl/a5l5TY

    #131389

    Also when I’m opening the same website on my mobile the background color of the navigation panel becomes blue i don’t know why.

    Is there a way to keep the same color or if I want to change this color only for mobile device.

    Thanks in advance.

    #131390

    Hi,

    You can’t move the #footer upwards but you can adjust the top position of the container, using this:

    .responsive .container .twelve.units {
    top: -20px;
    }

    Add this to change the background color of the dropdown menu:

    #top .header_color select {
    border-color: gray;
    background-color: black;
    color: #7D7D7D;
    }

    Regards,

    Ismael

    #131391

    Color of the navigation bar is working perfectly fine now. Thanks for that :)

    Regarding footer, I tried to use,

    #footer {

    bottom: 50px;

    }

    It was moving the footer upwards but was leaving a black background.

    then I tried to move SOCKET,

    #socket {

    bottom: 20px;

    }

    But the the socket was moving beneath the black background.

    I think I messing up with theme sorry for that as I’m not a coder at all.

    But I really very need to reduce the space between Portfolio grid at the bottom and Footer (where all the links are placed)

    here is the ref image what i need if possible :(

    https://www.dropbox.com/s/alp96vw59n5ygtl/footer_ref.jpg

    #131392

    Hi khalidmuharraqi,

    You can remove the padding on the portfolio section and the footer with:

    #top.home .template-page.content {
    padding-bottom: 0;
    }
    #footer {
    padding-bottom: 0;
    }

    Also make sure you fix this css in your custom.css file:

    .responsive .container .twelve.units {
    top: -49px;

    } /*you don't have this bracket in your custom.css file right here and its causing an error with your css*/

    /*
    Desktop Styles

    Regards,

    Devin

    #131393

    working perfectly fine…

    big big thanks :)

    #131394

    Hey,

    Glad all solutions worked. :)

    Cheers,

    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Move footer & socket’ is closed to new replies.