Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #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,


    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.



    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;




    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 :(


    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




    working perfectly fine…

    big big thanks :)



    Glad all solutions worked. :)



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

The topic ‘Move footer & socket’ is closed to new replies.