badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Changing arrangement of header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #66732
    marc
    Participant

    Hi all,

    I was playing around with your theme and could tackle everything with the Customizer settings so far.

    Now I have come to the limits of my CSS skills and can’t seem to get an idea about the following problem:

    I have activated logo and site title/description in customizer.
    They now show underneath each other (the logo is on top the the title.

    Now, in my case, it would look much better with the text being to the right of the logo.
    Do you have any tips on how to achieve this?

    I already tried adding a div with a CSS to the header.php – which only worked on the home page and messed with the display of the other pages a bit.
    Now I am out of ideas and would appreciate if someone here has a tip for me.

    Regards,
    Marc

    #66855

    Hi @kleinebrummel,

    Can you please share us your site Url with logo so that we can provide you the appropriate css codes related to your logo.

    Thanks

    #66857
    marc
    Participant

    Hi,

    Thanks for the quick reply.

    it is currently under https://tvverl-tischtennis.de/tv-test

    #66897

    Hi @kleinebrummel,

    please go to the Appearance > Customizer > Additional CSS and paste below custom css code:

    .navbar-brand {
    	padding-left: 80px;
    	position: relative;
    }
    .custom-logo-link {
    	width: 70px;
    	position: absolute;
    	left: 0;
    	top: 50%;
    	transform: translateY(-50%);
     	-webkit-transform: translateY(-50%);
    	-moz-transform: translateY(-50%);
    }
    @media (max-width: 767px) {
    	.navbar-brand {
    		padding-left: 70px;
    	}
    	.custom-logo-link {
    		width: 60px;
    	}
    }
    @media (max-width: 575px) {
    	.navbar-brand {
    		padding-left: 60px;
    	}
    	.custom-logo-link {
    		width: 50px;
    	}
    }

    Let us know if you have any other queries regarding the theme.

    Thanks

    #67139
    marc
    Participant

    Thank you for the quick reply!

    It worked like a charm.

    #67277

    Welcome anytime @kleinebrummel

    Could you also please help us rating this theme in WordPress Repository here.

    We really appreciate your rating.

    Thank you for using our theme.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.