How to display logo and title are on navigation bar

Shapely
1

I installed the child theme referenced in this post, https://colorlibsupport.com/t/site-title-is-not-showing-with-logo/#post-86932, In order to have my logo and site titile appear in the navigation bar. They are both showing now but the title is underneath the logo. I need them side my side, how do I accomplish this?

Site: http://galaxykidscodeclub.com/

2

altering css for site-title seems to do the trick

.site-title {
font-size: 24px;
line-height: 52px;
color: #666;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
float: right;
padding-left: 15px;
}

i added float and padding-left.

3

Hi @lucretiamcc,

Can you confirm us that @heki solution works? If not, we will provide you a different solution.

Let us know,

Thanks,
laranz.

4

I did try this solution and it does not appear to be working.

5

Hi,

Try this Custom CSS,

.site-title-container {
    width: 40%;
}
.site-title {
    display: inline;
}
.module.left.site-title-container a {
    width: 100% !important;
}

Let us know,

Thanks,
laranz.

6

This works thanks! I was told to avoid using “!important”. Is there anyway around this?

7

Hi,

You can remove that, it will do the same effect. If not, it won’t do anything wrong, just we need to priorities this property to achieve our effect. :slight_smile:

Let us know,

Thanks,
laranz.