Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 13, 2015 at 7:12 pm #472619
    Bikul

    Hello,

    if you look at the desktop version you will find a menu in the grey socket below footer:

    Socket Menu Desktop

    When you look at it with an iphone this Socket menu is not there:

    Socket Menu iPhone

    What could I do here?

    Glad about Help!
    Bernd

    July 13, 2015 at 8:33 pm #472660
    Elliott

    Hi Bernd!

    There is not enough space on small phone screens which is why we hide it. Add this to your custom CSS if you wish to display it.

    .sub_menu_socket {
  display: block !important;
}

    Regards,
    Elliott

    July 13, 2015 at 8:43 pm #472670
    Bikul

    Hi Elliott!

    That is fast support, thank you!

    Is it possible to have everything in the socket centered?

    Thank you
    Bernd

    July 14, 2015 at 3:04 pm #473212
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
#socket .social_bookmarks { right: 40%; }}

    Best regards,
    Yigit

    • This reply was modified 9 years, 4 months ago by Yigit.
    July 14, 2015 at 3:56 pm #473259
    Bikul

    Hi Yigit,

    this did not change anything, it looks like before.

    July 14, 2015 at 5:41 pm #473338
    Yigit

    Hey!

    I adjusted the code i posted above, please try it now.

    Cheers!
    Yigit

    July 14, 2015 at 9:06 pm #473427
    Bikul

    Hey Yigit,

    I dont know if you understood what I mean:

    Socket Menu iPhone

    I want to center the items in the Socket

    Thanks for your Help!
    Bernd

    July 15, 2015 at 4:04 pm #473821
    Elliott

    Hey!

    Try adding this to your custom CSS.

    #socket .container {
  text-align: center;
}
#socket .container > * {
  display: block !important;
  float: none !important;
}
#socket .social_bookmarks {
  margin: 0 auto !important;
  width: 100px !important;
}

    Regards,
    Elliott

    July 15, 2015 at 5:27 pm #473891
    Bikul

    Hello Elliott,

    that is much better now, but what about the last two rows with the Footer Menu?

    Socket Menu iPhone

    Thanks for Help!
    Bernd

    July 16, 2015 at 3:10 pm #474358
    Elliott

    Hi!

    Add this.

    #socket .menu { text-align: center !important; }
#socket .menu > li { float: none !important; display: inline !important; }

    Cheers!
    Elliott

    July 16, 2015 at 4:09 pm #474404
    Bikul

    Hello Elliott,

    it is almost perfect, but:
    – Social bookmarks are on the left side
    – the Strokes which define the border to the next Menuitem are on the wrong place sometimes. Any Idea about to change that or to delete them?

    Socket Menu iPhone

    Thank you very much
    Bernd

    July 17, 2015 at 3:03 pm #474977
    Elliott

    Hi!

    They were centered as you can see in your previous screenshot but it looks like you added some custom CSS to move them again.

    #socket .social_bookmarks {
  right: 40%;
}

    I don’t see a way of getting rid of the text separators on the end unfortunately. If you change the screen size then they will change and the same problem presents itself again. We can remove them all if you’d like.

    Cheers!
    Elliott

    July 17, 2015 at 3:11 pm #474983
    Bikul

    Hi Elliott
    I think the code concerning this looks like this at the moment:

    @media only screen and (max-width: 480px) {
#socket .social_bookmarks { right: 40%; }

#socket .container {
  text-align: center;
}
#socket .container > * {
  display: block !important;
  float: none !important;
}
#socket .social_bookmarks {
  margin: 0 auto !important;
  width: 100px !important;
}
#socket .menu { 
text-align: center !important; 
}
#socket .menu > li { 
float: none !important; display: inline !important; 
}}

    If I add additional your code again the social bookmarks will be altered also in the desktop version.

    For the Separators: could we remove them completely only in iphone-version?

    Thanks for Help!
    Bernd

    July 19, 2015 at 4:45 pm #475404
    Ismael

    Hi!

    Include this inside the media query in order to remove the separators:

    #socket .sub_menu_socket li {
  border-left: 0;
}

    And this code to fix the social icons:

    #socket .social_bookmarks {
  right: auto;
}

    Cheers!
    Ismael

    July 19, 2015 at 5:41 pm #475423
    Bikul

    Super,
    that looks fine now

    Thank you Ismael!
    Bernd

    July 19, 2015 at 9:53 pm #475472
    Basilis

    Hi!

    I will close the task here now, please feel free to let us know if you need anything else.

    Regards,
    Basilis

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