Sydney Theme

  • Resolved mattyleech

    (@mattyleech)


    7 years, 8 months ago

    I have adjusted the top menu to align to the far right edge and changed the break point for the hamburger to appear at 767 pixels. The menu text now wraps on to 2 lines when the width of the page is reduced, despite there still being a enough space on its left side. Can anyone help fix this?

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

  • Hello there,

    Use the following CSS code to enlarge the main menu container and narrow down the site title container. 

    
@media only screen and (min-width:768px) {
  
  .site-header .col-md-4 {
    width: 20%;
  }
  
  .site-header .col-md-8 {
    width: 80%;
  }
  
}

    To apply to your site, add it into Appearance > Customize > Additional CSS in your site’s dashboard. Do adjustment if only needed.

    Regards,
    Kharis

    Thread Starter mattyleech

    (@mattyleech)

    That worked. Perfect. Thank you!

    You’re most welcome! Glad to have an opportunity to assist you ??

    Thread Starter mattyleech

    (@mattyleech)

    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?

    Hello @mattyleech,

    I just posted a reply on your other new topic here.

    Regards,
    Kharis

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sydney Theme’ is closed to new replies.