Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 16, 2018 at 1:31 pm #913247
    Freek

    Hi,

    I have a small display problem. I use WPML for multi language purposes with the standard Enfold setting (no menu language switcher) and it looks good on desktop and tablet, but on a smartphone the WPML flags are placed through the logo. Is it possible to place the wpm flags under the logo on mobile screens?
    THX Freek

    See; Website link

    February 18, 2018 at 9:27 am #913837
    Victoria

    Hey Freek,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Add your Desktop Styles here */
  .menu-item {
    display: none;
   }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  } 
}

@media only screen and (max-width: 767px) {
  .responsive .logo img {
    width: 65%;
  }
  .responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 18, 2018 at 10:54 am #913868
    Freek

    THX. That did the trick.
    Freek

    February 18, 2018 at 1:28 pm #913901
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘WPML flag mobile display’ is closed to new replies.