Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 15, 2015 at 2:59 pm #444942
    xianeK

    hi, i want the menu well-centered in the socket-footer. i use only the menue in the footer (i deactivatet the copyright-information by “[nolink]”).

    the situation now is:
    – on big screen: the menue is right
    – on middle screen: the menue is left and the linehigh is to less
    – on a small screen: the menue is not displayed

    how can i fix these? thx!
    xiane

    May 15, 2015 at 11:01 pm #445179
    Elliott

    Hey xianeK!

    Try adding this to your custom CSS.

    #socket .sub_menu_socket {
  float: none;
  left: 50% !important;
  margin: 0;
  position: relative;
  transform: translateX(-25%);
}
@media screen and (max-width:767px) {
#socket .sub_menu_socket { transform: none !important; left: 0px !important; }
}

    Regards,
    Elliott

    May 16, 2015 at 1:26 pm #445260
    xianeK

    it is great, it is beautiful! thx elliot.

    May 16, 2015 at 1:30 pm #445261
    xianeK

    but there is one thing: if i downsize the screen: the menue is cutted by the browser-window and on a small screen: the menue is not displayed.

    May 18, 2015 at 5:17 pm #445860
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .responsive #socket .sub_menu_socket {
  display: block !important;
}

    Regards,
    Yigit

    May 18, 2015 at 8:21 pm #446017
    xianeK

    ill tried it – nope, but thank you.

    May 19, 2015 at 5:04 pm #446560
    Elliott

    Hi!

    It looks fine on my end. Can you take a screenshot of what your seeing? Let us know what operating system and browser your using.

    Cheers!
    Elliott

    May 19, 2015 at 9:03 pm #446710
    xianeK

    hi, thank you for your help.

    here are two screenshots of the actual firefox and crome-browser under macOSX-10_9_5


    i added the code in the enfold quick CSS (i also i tried this with my usual used child-theme css)

    #socket .sub_menu_socket {
    float: none;
    left: 50% !important;
    margin: 0;
    position: relative;
    transform: translateX(-25%);
    }
    @media screen and (max-width:767px) {
    #socket .sub_menu_socket { transform: none !important; left: 0px !important; }
    }
    .responsive #socket .sub_menu_socket {
    display: block !important;
    }

    May 19, 2015 at 9:04 pm #446711
    xianeK

    two screenshots of the actual firefox and crome-browser
    http://mo-sound.at.www323.your-server.de/mo-test/temp/macOSX-10_9_5-chrome-Version_42_0_2311_152__64-bit.png
    http://mo-sound.at.www323.your-server.de/mo-test/temp/macOSX-10_9_5-firefox-38_0_1.png

    May 20, 2015 at 6:13 pm #447347
    Elliott

    Hi!

    I wasn’t seeing it before but I do now. Did you add some more items to the menu? Try increasing the 767 value here.

    @media screen and (max-width:767px) {

    Until it looks good.

    Best regards,
    Elliott

    August 12, 2015 at 6:37 pm #486727
    xianeK

    is fixed, thanks!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Footer: always and centered’ is closed to new replies.