Site logo

Archived topic

Add custom text to right side of top logo

11 replies · Started by Patrik on April 21, 2020

Viewing posts 1–12 of 12

Many Thanks Leo,
ill do it tomorrow and get back to you :)
00:30 here in Sweden so a bit late.

Take care and get back to you tomorrow!

Sounds good let me know :)

Hi Leo,
Sorry for late reply :)

Okej so ive added the widget and almost happy.
But now it seems i have 2 challenges.

Question 1
I want to lower the text in the widget to match a certain aligment, but when using margin-top it also expands the whole "head" area creates a bit of gap. So is it possible to have the alignment in the printscreen but not affecting the height of the head?

Printscreen shared on dropbox: https://www.dropbox.com/s/54x2g9z1idhtjtn/alignment%20header%20widget.jpg?dl=0

Question 2
Is it possible to make this widget show like this on mobiles?
Check printscreen on dropbox: https://www.dropbox.com/s/xtldxzxoco629n5/alignment%20header%20widget%20mobile.jpg?dl=0

the address to this page is the one i wrote but add: https://staging.myadress.se

Many thanks :)

Can you edit the original topic and make sure the URL is correct?

Sorry, didnt knew i could to that :(
Just created the staging yesterday.

Remove your own CSS and try this:

@media (min-width: 769px) {
    .inside-header {
        display: flex;
        align-items: center;
    }
    .header-widget {
        order: 2;
    }
    .header-widget p {
        margin-bottom: 0;
    }
    .site-logo {
        margin-right: 100px;
    }
}

Let me know if this works for desktop. I can provide the code for mobile after :)

Many thanks Leo,
But one question? What command can i add to your css to play around with placement.
Will check with customer tomorrow about placement, but want to show this and maybe like screenshot here: https://prnt.sc/s4xjl9

You can see that im trying to mark "center" there :)
Many thanks again!

This archived topic is closed to new replies.