Is there a way to force the main menu to align from the left? Even if I turned off "Site branding", the menu does not align to the left, its more towards the middle. If I add a site branding block, the menu starts from the right justified section. Thanks for any tips.

Robert

Comments

rcraig114 created an issue. See original summary.

leopathu’s picture

leopathu CreditAttribution: leopathu as a volunteer and commented
Status: Active » Fixed

Just add the css code in any css file,

.navbar-header {
  float: left !important;
}

Or, edit the following line in the theme/integrity/templates/menu--main.html.twig file, line no : 13

remove " pull-right " class and add " pull-left " class in the elements.

rcraig114’s picture

rcraig114 CreditAttribution: rcraig114 commented

Well, I added the code in both sections you mentioned and it had no effect. Do I need to refresh something on the backend?

Robert

Code added in layout.css

.navbar-header {
  float: left !important;
}

Code added in twig file

<div class="navbar">
  <div class="navbar-header pull-left">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
leopathu’s picture

leopathu CreditAttribution: leopathu as a volunteer and commented

Yes, you must clear drupal cache after changing this. :)

rcraig114’s picture

rcraig114 CreditAttribution: rcraig114 commented

Yeah, did that as well, no effect. Anything else I'm missing? Do you want to see my entire config file for those two files above?

Robert

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.