Logo / sticker menu aligment

Hello !

First, thank you so much for this awesome theme. Great work !

I would need help with a few things…

I’m trying to perfectly align center the logo of my website, but if I tweak it correctly with CSS, the “Login / register” and search – cart area gets stuck in two lines. How could I fix this?

Same kind of problem with the sticker menu. If I tweak the search – cart area to not be stuck on two lines, the menu get stuck in two lines itself…!

Here is the custom CSS I made for now:

.header-logo-center .site-logo {
   width: 500px;
   text-align: center;
}
.site-logo img {
    max-width: 220px;
    margin-top: 20px;
}
.container {
    width: 100%;
}
.sticky-header .site-logo img {
  display: none;
  width: 0px;
}
.sticky-header .right-column {
    width: 280px;
}
.sticky-header .main-nav {
    width: 500px;
}
.sticky-header .site-navigation {
    width: 500px;
}
.sticky-header .basel-navigation {
    width: 500px;
}
.right-column {
    width: 280px;
}

Me trying to do something okay with CSS… Haha

Is there anyway I could fix these issues quite easily?
(Take note that you need to look at the FR and EN version!)

Thank you,

Mathieu

As I realise I have another alignment issue, I’ll share it here. I copied the Contact Us 2 page, but the content doesn’t seem to be aligned like in the demo of the theme…

Here:

Same issue on the mobile version.

Thank you !

Mathieu

Okay, I’m sorry I didn’t put everything in the same post, but I have a unrelated request and I don’t want to make another topic for it.

As you will see by going on the website, the FR / EN switcher is on the top bar menu. Would it be possible to make it show in the mobile version ? I want everybody to have easy access to this menu, desktop and mobile !

Thank you. – I’m done with the requests for now…

Have a great day !

Mathieu

Hello,

Could you please provide us your admin panel so we could try to fix header align and contacts padding issue directly on your web-site?

As for top bar languages try to use the following Custom CSS code, add it for mobile devices in Theme Settings -> Custom CSS

.topbar-wrapp .topbar-menu {
    display:inline-block;
}
.topbar-wrapp .top-bar-left {
    text-align:left;
}

Regards

Hello !

Thank you for your fast answer.
The top menu now appears on mobile and desktop, thank you very much.

I added the login username and password in private content.

Thank you !

Mathieu

Hi,

Please check your web-site now, we have fixed everything 🙂

Wow !

Thank you soooo much ! You have such a great support. I wish you to keep doing such amazing themes and keep on doing your awesome work.

Have a great day !

Mathieu

You are welcome, we are always happy to help you, write us when you have any difficulties or issues with our theme.

And we would be glad if you will rate our theme with 5 stars on themeforest in case you are satisfied with our theme and customer service http://themeforest.net/downloads

Thank you in advance 🙂

Im having the same alignment issue with the sticky menu. My cart, wishlist and search icons are on two lines when I scroll down. Can you explain how this was fixed?

Hello @bcpublishing,

Thank you for contacting us.

Try to increase “Right column width” option in Theme Settings -> Header -> Header layout to fix the issue. If it will not help please provide your admin access and we will try to help you.

Regards

[Author]

Posts