Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #472619

    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

    #472660

    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

    #472670

    Hi Elliott!

    That is fast support, thank you!

    Is it possible to have everything in the socket centered?

    Thank you
    Bernd

    #473212

    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 2 years, 2 months ago by  Yigit.
    #473259

    Hi Yigit,

    this did not change anything, it looks like before.

    #473338

    Hey!

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

    Cheers!
    Yigit

    #473427

    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

    #473821

    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

    #473891

    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

    #474358

    Hi!

    Add this.

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

    Cheers!
    Elliott

    #474404

    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

    #474977

    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

    #474983

    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

    #475404

    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

    #475423

    Super,
    that looks fine now

    Thank you Ismael!
    Bernd

    #475472

    Hi!

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

    Regards,
    Basilis

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

You must be logged in to reply to this topic.