Float logo left

Support
#1

Hi,

my logo is centred on my site and I want to float it to the left in the corner how do I do this?

#2

Hi @allan015,

Please add this code in X > Theme Options > CSS:

.x-logobar .x-logobar-inner .x-container.width {
    width: 100% !important;
    max-width: 98% !important;
    text-align: left;
}

Hope this helps.

#3

hi hasn’t worked sorry? see image attached

#4

hi is there any update on this i managed to move it by adding padding but it isn’t responsive some large screens it doesn’t look right

#5

Hi @allan015,

It is not responsive because of the padding. Look at this: https://screencast-o-matic.com/watch/cYehXFxQez

Remove this 2 custom CSS

.x-logobar .x-logobar-inner .x-container.width {
    width: 100% !important;
    max-width: 98% !important;
}
.x-logobar .x-logobar-inner .x-container.width {
    width: 100% !important;
    max-width: 98% !important;
}

Find where you add it and remove.

Replace this:

.x-logobar .x-logobar-inner .x-container.width {
    width: 100% !important;
    padding-right: 1200px !important; 
    float: left !important;

}

With this:

.x-logobar .x-logobar-inner .x-container.width {
    width: 100% !important;
    text-align: left;
    max-width: 90% !important; /*Adjust 90% as needed*/
}

Hope this helps.

#6

perfect thanks lely and jade

#7

You’re most welcome, Allan.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.