A few questions on logo

1. How can the logo be aligned to the left
2. And is there a way to overlap the logo on the nav bar?
3. OR is it possible to put the logo right on the navigation bar so I can either use the opacity header for a dif purpose or take it out
URL: www.allmetal101.com
Thank you.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.logo {
text-align: left;
}
.logo img {
margin-top: -70px;
}
.header_container {
z-index: 1;
}
#menu .ddsmoothmenu li ul {
z-index: 11;
}

In small view your menu will overlap by logo so i advise you not to use following code in from above code.

Code:

.logo img {
margin-top: -70px;
} 

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Will that still be the case if the logo is flushed more to the left? or if the menu if aligned to the right?

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu {
text-align: right;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

I really like the way it looks on the desktop. But as you warned it overlaps in smaller view No other solution? Thanks

 

Thanks Yogesh. You can close this one. I just won't display the logo on mobile.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px){
.logo img {
margin-top: 0px;
max-width: 100%;
}
}
@media only screen and (max-width: 960px) and (min-width: 767px){
.logo img {
margin-top: -25px;
}
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade