classic header with logo on the right

Hi,

Another question voor www.rc-dj.nl, this time on the location of the logo. I searched the forums, but the item on this subject was apparently to old, the link in your answer didn't work. So I put question in a new discussion.

I want the classic header, but with the logo on the right and the menu on the left? What is the trick?

Thanks again!
Oeroes


Comments

  • Hi,

    please set the classic header first and then let us know so we can have a look on it.
  • Hi,

    I solved the problem by choosing another header-layout and a very long logo... 
    Looks nice aswell ;-).

    Thanks!
  • Thanks for the info then! :)
  • I do have a question though about the long logo. 
    As you can see on www.rc-dj.nl the blue line does not go until the end of the boxed lay-out. Is there a way to remove the padding on the left and right side of the logo (header)? So the blue line goes from one side of the header till the other side of the header, no white space on the left and right side of the blue line. 

    Thanks again!
    I love your theme, bought it already twice and wil do again for my next customer...

    Oeroes
  • This would be possible but won't be responsive. What you are trying to do is impossible to make it for responsive mode with custom css only. But if you don't care about responsive, you can do this with the following css:
    .header-stack.header-center #Top_bar:not(.is-sticky) .logo { width: 120 % !important; margin-left: -10% !important; }
  • Thanks, this works for the left side of the boxed screen. 
    And sorry to bother you again, but I would like the same on the right side of the header: the blue line all the way to the right side of the boxed lay-out. I tried to increase the width and put also a 'margin-right:-10% !important; in the css. But that does not the trick. 
    The logo is 1480x94px. (I can make it smaller or bigger)

    Can you help me once more?
  • We are sorry but the css we gave you above is everything what would be possible. All other header customization requires files customization.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.