Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 27, 2019 at 9:21 pm #1160803
    jan_behr

    Dear Support Team,

    I´m using the Top-Bar of the Header to display a phone-number and the WPML-Flags, aligned right. This works absolutely fine on biggern screens.

    But when I use it on a smaller screen ( < 768px), the behaviour of this top bar changes:
    – both elemets are centered (not right aligned)
    – now there are two lines of content, Flags in the top line, phone number in the second line

    I want to show phone number and flags always (also on small screens) in one line, without wrapping.
    Is there any way to achieve this?

    Thanks and best regards
    Jan

    https://www.bilder-upload.eu/bild-7acc63-1574882432.png.html (small screen, wrapped)
    https://www.bilder-upload.eu/bild-eb0db5-1574882594.png.html (large screen, displayed as expected)

    November 29, 2019 at 10:01 pm #1161360
    jan_behr

    Okay, I’ve found a solution for myself:

    @media only screen and (max-width: 767px) {
.responsive #header_meta .sub_menu>ul {
    float: right;
    width: auto; 
    }
.responsive .phone-info {
    float: right;
    width: auto;
    clear: none; 
    }
.responsive #header_meta .sub_menu > ul > li {
	padding: 0 0px; 
	}
}
    November 29, 2019 at 11:21 pm #1161399
    Basilis

    Hi,

    Thank you very much for sharing this, we appreciate it a lot.

    Best regards,
    Basilis

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