Move Logo to the edge-left

  • Hello!

    Sydney theme is a very elegant theme and simple to use. I’m having difficulties as an inexperienced designer, though.

    I need some help to move the site logo as left as possible and center-align only the primary menu.

    My website is:
    wwww.phattcaps.com

    Thank you in advance! This support forum is the best!

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

  • Hello there,

    Try adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard. Or, you can use child theme’s style.css if any. 

    
@media only screen and (min-width:1025px) {
  
  .header-wrap .container {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
  }
  
  #mainnav {
    float: left;
  }
  
}

    Regards,
    Kharis

    Thread Starter yotah

    (@yotah)

    Hello! Thanks!

    Is there a way to center-align the mobile drop down menu too?

    Hi,

    Try adding this extra CSS code: 

    
@media only screen and (min-width:768px) and (max-width:1024px) {
  
  .header-wrap .col-md-4,
  .header-wrap .col-md-8 {
    width: 50% !important;
  }
  
  .btn-menu {
    float: left;
  }
  
  #mainnav-mobi {
    left: 0;
  }
  
}

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move Logo to the edge-left’ is closed to new replies.