Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 4, 2014 at 2:09 am #274340
    Lido

    Hello,
    I need your help for a small change of style in the header of the site in mobile version.
    How can I get the result in the image? (Image in private section)
    Basically I want the flags and the phone are on the same line.

    I must inform you that I have used the following code in CSS quick to solve the problem of the flags that covered the phone but now I can not put everything on the same line.

    `@media only screen and (max-width: 767px){
    .responsive #header_meta .sub_menu>ul>li {
    padding: 0 0px;
    }
    .responsive #header .social_bookmarks {
    width: 20%;
    }`

    Thank you in advance for your help

    Header

    June 4, 2014 at 5:36 pm #274595
    Yigit

    Hey Lido!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.responsive .phone-info { float: right; width: 20%; margin-top: -30px; }
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul { float: right; width: 75%;}}

    Cheers!
    Yigit

    June 4, 2014 at 6:37 pm #274632
    Lido

    Perfect!!
    Thank You! :)

    June 4, 2014 at 6:42 pm #274637
    Yigit

    Hi!

    You are welcome, glad we could help! :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile Header ( How WPML flag and Phone inline ? )’ is closed to new replies.