[Milan SParticipant]

I cannot seem to figure out the appropriate CSS to left align the header text. Can you provide me the CSS code to eliminate the extra spacing/padding (see attached image highlighted by red oval in upper left).

Website: baytobaydesign.com

And also for moving the Mobile Menu Button as close as possible to header text (right now widget and mobile menu button are overlapping each other on mobile devices) – see attached pdf.

OK, there will be attachments in this message. How can I send you the attachments(jpeg & pdf mock-ups)?

Pls let me Know. Th, Milan

[ChristianModerator]

Hey Milan,

You can store it in your server and post the links here. Tick Set as private reply below so only us could see it.

Thanks.

[Milan SParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey Milan,

There is no links in your post. Please check.

Thanks.

[Milan SParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey Milan,

The header text / logo is already in the left most part of the Navbar (see http://prntscr.com/3f1wzr). We cannot move it to the left of the browser window because it is designed to be in the Navbar with is contained with a max-width.

For the mobile button, in the Customizer > Custom > CSS, please add the code below.

.x-btn-navbar, .x-btn-navbar.collapsed {
float: left;
margin-left: 10px;
}

Hope that helps. 🙂

[Milan SParticipant]

Thank you very much, you r awesome :)! That did the trick with the Navbar Button. Is there a way to lessen the extra spacing/padding between Header Text and Menu Bar, before menu collapses into Navbar Button?

[RadModerator]

Hi Milan,

You’re welcome!

Removing space is not necessary, and its normal. We can’t stretch the menu just to fill the gap else it will overflow before it collapse.

Hope this helps.

[Author]

Posts