Widget location/width

  • Hi guys,

    What I’m trying to do is fairly simple (I think), but I am no expert and I’ve looked everywhere for answers but nothing seems to be quite the same thing I need.

    I’m building this website for a mate (https://epic-ed.com/) and all I want to do is have those 2 header widgets (language selector and follow us buttons) on the top right of the page, “next” to the logo.

    Because the width of the widgets goes over the logo size they automatically go down, which is frustrating.

    I think what I need is to change is this in my style.css file:

    #masthead {
}
#header-right-sidebar {
	overflow: hidden;
        width: 100%;
}

    But the width percentage only moves the widget items to the left or right, does anyone know what code do I need to make sure they stay next to the logo image?

    If I get an answer here I’ll be really greatful as it’s been a while I’ve been looking for a way to fix it!

    My theme is Spacious if that’s of any help.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    The language selector and menu are part of the same block, so since the menu is wide, there is no space for all of it to be moved next to the logo.

    One thing you could try is to add this to the style.css file:

    #header-right-sidebar {
    margin-top: -30px;
}

    But you would need to make adjustments for smaller viewports as the language selector will then overlap the logo.

    Hope that helps!
    Tessa

    Thread Starter gabrieldpg

    (@gabrieldpg)

    Thanks Tessa,

    Finally now I at least understand why nothing I was trying would work!

    Thanks for the code, it was very important before as I had the follow us on as well as the language bar on top but now that I’ve changed their location I’m happy with how it’s looking now.

    But thanks!!

    Glad to be of help! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Widget location/width’ is closed to new replies.