Logo and Copyright Alignment

Hi, I was wondering if you could help me align only the sticky header logo and the copyright text to the far left in order for them to be aligned with the content:   http://i.imgur.com/2ERvh7T.png 

I would like to move only those two without affecting the rest of the objects in the theme.

Here is my URL

Thank you!

Comments

  • You can do this with:
    #Footer .footer_copy .column { margin: 0 0 40px !important; }
    #Top_bar .column { margin: 0 0 40px !important; }
    #Top_bar.is-sticky .logo { margin: 0 !important; }
  • edited February 2016
    Hi, this is what that snippet did to the sticky header and footer: http://i.imgur.com/X3xK2op.png
    - As you can see the alignment of both, the logo and the footer text went beyond the alignment of the content
    - The nav links on the sticky header moved to the left too, and I'm only trying to move the logo without affecting the rest of the objects on the sticky header.
    - It made the footer much taller and affected the move-up button's alignment

    Also, it affected the logo alignment, nav links alignment and the margin below of the regular header as you can see here: http://i.imgur.com/KCWqMB5.png It isn't supposed to affect in any way the regular header.

    Could you please help me fix this and get the alignment right?

    Thank you
  • Sorry but if above css does not work as you wish, all other things requires files customization. Sorry but we do not have any other css solution for this.
  • edited February 2016
    I believe the above CSS is correct, it's just the application of px units that isn't. I would really appreciate if you could help me get it right in order to accomplish what I desire with the theme. 

    All I need is to align the sticky header logo and footer copy with the page content as described above and shown in the images. 

    I have already purchased 3 copies, and you have always been very helpful, I'm sure you will help me do this as well :)

    Thank you
  • Like we said, we do not see anything wrong in above css. We gave you the only css that we found. However, if above css does not work, then it is necessary to modify theme files. Sorry but we need to obey the Item Support Policy where such modification are not allowed.

    Thanks for understanding!
  • I was able to make the modifications myself by just using CSS and without the CSS snippet above :) Maybe I should be a BeTheme support agent!

    Thanks
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.