Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 25, 2016 at 8:12 pm #703944
    Aerdvark

    Hi Kriesi,

    This question relates to 2 other issues as well, therefore I post 3 issues int one thread.
    Sorry for that but I wouldn’t know how to keep the relation between them.

    Main issue:
    I am trying to center the Copyright notice in the socket as well as the Socket Menu itself when in mobile mode only.

    This link has helped me best:

    Why the footer menu items are missing when in mobile/responsive mode?

    But then the menu items are also stacked on top of each other, this is not what I want.

    First related issue:
    I would like the footer items (in my case 4 columns) centered in mobile view as well. The relation to the main issue is; when is “mobile view” active? I know about the media queries but I have always had issues understanding them, screen size min/max etc.

    Second related issue
    If I am in desktop mode, I have a normal menu in the header. But if the screen gets smaller, like tablet mode, I need the menu NOT to overlap the logo. So there is the media query again, before the menu gets to the logo I would like it to switch to de hamburger menu.

    Sorry for my bad explaining, but in the Tablet mode the hamburger menu may show up but the footer stays as is and also the socket stays as is. But when it gets to the point of mobile view, I would like the socket and footer to be centered. So there is my relation.

    Thanks for helping me out, it has been bugging me for some time now!

    Website details as well as login information is in the private area.

    October 29, 2016 at 5:01 am #705470
    Nikko

    Hey Aerdvark,

    @media only screen and (max-width:1024px) {
  #header nav.main_menu {
    display: none;
  }

  #header #advanced_menu_toggle {
    display: block !important;
  }
}

@media only screen and (max-width:767px) {
  #footer {
    text-align: center !important;
  }

  #footer .news-wrap {
    text-align: left !important;
  }
}

    Let us know if it works :)

    Best regards,
    Nikko

    October 30, 2016 at 3:28 pm #705813
    Aerdvark

    Hi Nikko,

    Thanks for the mail, the header behaves good now, thanks.

    The sochet info however does not work.
    The copyright stays left, the rest is not displayed.

    Regards.

    November 1, 2016 at 6:47 am #706562
    Rikard

    Hi,

    Please try the following as well:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
    display: block !important;
}
}

    Best regards,
    Rikard

    November 2, 2016 at 8:32 pm #707333
    Aerdvark

    Hi Rikard,

    I added this part coda as well but it still does not do it.
    On a mobile screen the 3 pagenames are not displayed.

    I dunno…

    November 2, 2016 at 8:59 pm #707349
    Yigit

    Hey!

    I added following code to Style.css file of your child theme in Appearance > Editor 

    .copyright { width: 100%; text-align: center; }

    And copyright section is now centered. Please review your website

    Best regards,
    Yigit

    November 2, 2016 at 10:45 pm #707404
    Aerdvark

    Okay thanks but unfortunately its not working.
    See belo private section.

    Question: I do not want the link to the page on any forum posted, so is it okay / the right way for me to put the links in the private section? Or should I do this in a better way?

    November 3, 2016 at 6:42 am #707564
    Nikko

    Hi,

    Kindly add this code in Quick CSS:

    
@media only screen and (max-width:767px) {
  .responsive #socket .sub_menu_socket {
    display: block !important;
    width: 100%;
  }

  .responsive #socket .sub_menu_socket .menu {
    margin-left: 0;
  }

  .responsive #socket .sub_menu_socket .menu li {
    border: 0;
    display: block;
    float: none;
    text-align: center;
    line-height: 1.7;
  }
}

    Let us know if it works :)

    Best regards,
    Nikko

    November 20, 2016 at 10:17 pm #714608
    Aerdvark

    Thanks that did the trick!

    November 21, 2016 at 5:41 am #714656
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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