Archived topic

alignment of 3 items in Top Bar

3 replies · Started by John MacKenzie on January 23, 2019

Viewing posts 1–4 of 4

January 23, 2019 at 5:06 pm #790531

Hi All

i am having trouble getting the 3 items ive added to the top bar widget to align the way i want.

if you see the site, the phone and email should be left aligned.

The 2 menu boxes should be RIGHT aligned, and the language changer should shop up right after the User login code.

if i dont add in the language changer, it looks and works fine the problem arises when i add that in.

I've tried various overrides and moving the order of the widget elements to no avail.

if you have any thoughts that would be awesome!

thanks
John

January 23, 2019 at 5:55 pm #790565

Hi there,

The top bar alternates widget position to fill up both sides.

So it goes:

left/right/left/right (or the other way if the alignment is set to left)

Which widget should show up on the left if the other two are supposed to be on the right?

January 23, 2019 at 6:59 pm #790591

Hi Tom

the one on the left should be the user login, phone and email, the flags beside it then the navigation buttons on the right.

so do i add a blank text widget to make it work the way i want?

i also noticed some responsive issues with the nav popping overtop the phone and email text on smaller screens.

January 24, 2019 at 3:16 am #790775

Hi there

simplest way is to add a 'blank' widget - a HTML Widget with a  would do the trick.

Try this CSS to fix the button overlap:

@media (max-width: 854px) {
    .inside-top-bar .widget_nav_menu > div {
        margin-top: 1.5em;
    }
}

This archived topic is closed to new replies.