logo and menu alignment problem, sydney theme

Resolved mattyleech
(@mattyleech)

9 years ago

I have a problem with the logo and menu alignment in the Sydney theme.

I have aligned the logo to the containers left hand edge and the menus to the right hand edge, and have changed the breakpoint for the menu hamburger to appear at 768 pixels width from the default 1024px.

However between 1024px and 768px width the logo and menus jump inwards out of alignment with the containers edge.

When I set the Row Layout to Standard they remain in alignment. However I need to fix the problem so they remain in alignment when the Row Layout is set to full width.

Can anyone help?

Viewing 10 replies - 1 through 10 (of 10 total)

Kharis Sulistiyono
(@kharisblank)

9 years ago

Hello there,

Thank you for reaching out to us here. It looks like it can be fixed with CSS code. Please share your site URL here, so I can inspect the problem before providing you with the working code.

Regards,
Kharis

Thread Starter mattyleech
(@mattyleech)

9 years ago

hi there

please find test page below:

http://onedgedesign.co.uk/picture-at-the-top/

The hamburger icon is also off centre

Many thanks

Matt

Thread Starter mattyleech
(@mattyleech)

9 years ago

The website with the issue is a local one. Can I send a screen grab instead? Please send an email to my address at the link above and I will send one.

Many thanks
Matt

Kharis Sulistiyono
(@kharisblank)

9 years ago

Hi Matt,

I am sorry, sharing an email address on WordPress community support forum is prohibited. I’d strongly encourage you to move this discussion on our support forum. So we can assist you in better way.

Regards,
Kharis

Thread Starter mattyleech
(@mattyleech)

9 years ago

Hi Kharis,

I have uploaded the website to the live link below:

http://test.onedgedesign.co.uk

Kind regards
Matt
Kharis Sulistiyono
(@kharisblank)

9 years ago
Hello there,

Please try adding this CSS code into Appearance > Customize > Additional CSS in your site dashboard.
```
.site-header .container {
  width: 100%;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
```
Regards,
Kharis
Thread Starter mattyleech
(@mattyleech)

9 years ago

Hi Kharis,

Thanks for this. That fixed it.

Many thanks
Matt

Kharis Sulistiyono
(@kharisblank)

9 years ago

You’re welcome, Matt.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

taomation
(@taomation)

8 years, 10 months ago

Hi,

I already used the code you provided to make the logo larger. Worked like a charm, thanks! I am wanting to move it up just a bit. Is there an easy way to accomplish that. Thanks for your help. Much appreciated…Ian
Kharis Sulistiyono
(@kharisblank)

8 years, 10 months ago
Hello there,

Please try adding this extra CSS code:
```
.site-header .col-md-4 {
  margin-top: -10px;
}
```
Regards,
Kharis

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘logo and menu alignment problem, sydney theme’ is closed to new replies.

Tags