Hello, good evening!
I just need some assistance regarding on (1) moving the logo on further left, aligned with the “Leading” word, (2) For the main menu items, it starts/aligned with the “G” letter from “Leading” word, (3) The search, account, and cart icons to be moved slightly on the right, to add search box beside the search icon (4) Increase the font size of the menu items, and make it a little bit bolder, probably 700 weight bolder, and all menu items are on straight line or 1 column.
I’ve made a simple illustration for it, please see the attached picture. Hope it helps, thank you!
This is the website - https://dronehub-ph.myshopify.com/
Password - iatsau
Thank you!
1 Like
- Here is the solution for you @Mabinibooks
- Please follow these steps:
- Then find the theme.liqid file.
- Then add the following code at the before tag and press ‘Save’ to save it.
<style>
@media screen and (min-width: 990px) {
.header:not(.drawer-menu).page-width {
margin: 0 !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
}
}
</style>
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
Hey Mabinibooks,
On checking the site, if you simply remove the page-width class it should expand to the full width, and from there you can adjust the positioning as you like.
I’m not sure if this is custom code or you’ve got a pre-installed theme. If it’s a shopify theme, page-width class is added via checking the condition of a checkbox called page width in the header section. so simply disabling that should do the trick.
Hope it helps
1 Like
Add this code to center menu @Mabinibooks
1 Like
Thank you for this, looks better now. Appreciate it
1 Like
If you want like this, can you add this code @Mabinibooks
1 Like
