Docs

[dogpile]

Hi folks,

could you show me a way to change the position of the social-media-icons to the left and the logo (its actually html in the textbox) to the right in the topbar as shown in the picture?
Is there a way to control the output on mobile-devices?
The used theme is “renew”.

Thank you so much!

[Paul R]

Hi,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer.

.x-topbar .x-social-global {
    float: left;
}

.x-topbar .p-info {
    float: right;
}

With regards to mobile, yes there is way. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks

[dogpile]

Thanks, that worked. The question is: is it possible to stack the logo on top of the icons in the mobile viewport?
Images attached.
Thnx

[dogpile]

Here is the before-picture

[Rue Nel]

Hello There,

Please update the given css code using this instead:

@media(min-width: 980px){
  .x-topbar .x-social-global {
    float: left;
  }

  .x-topbar .p-info {
    float: right;
  }
}

@media(max-width: 979px){
  .x-topbar .p-info,
  .x-topbar .x-social-global {
    float: none;
    text-align: center;
  }
}

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[dogpile]

Thanks! That solved the issue.

[Rad]

You’re so much welcome!

[Author]

Posts