Forums

V5.7 Bootstrap navbar-brand

Permalink
Hi
Anyone know how to alter the below standard Bootstrap nav without the navbar-brand causing a problem in edit mode. Currently the global areas overlap each other causing a problem in edit mode. Have tried extending margins to see if makes a difference but no luck. 

<header>
  <div class="navbar-wrapper">
    <div class="container">
      <nav class="navbar navbar-inverse navbar-static-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
            <a class="navbar-brand" href="#">
            <?php 
      $a = new GlobalArea('Logo');
      $a->display();
      ?>
            </a> </div>
          <div id="navbar" class="navbar-collapse collapse">
            <?php
Viewing 15 lines of 24 lines. View entire code block.



Edit - I thought it might have been related to overlapping areas but using the below CSS to separate them I still have the problem adding to the areas and creates problems in <Main> as well with no editable areas showing ... totally lost now 

@media (min-width: 768px) {
.navbar-header {
float: none;
}
}
@media (min-width: 768px) {
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
margin-bottom: 158px;
}
}
Responsive
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi Responsive,

Do you have screenshots or ideally a link to your site?

Also, I am not positive, but you might want to check out changing the height, width, position, etc of elements while in edit mode.
https://www.concrete5.org/community/forums/themes/adding-space-so-ed...

The example was for 5.6, so there would be a change for 5.7.
- 5.6 could use $c->isEditMode()
- 5.7 can not use $c->isEditMode(), instead it uses Page::getCurrentPage()->isEditMode()

https://github.com/concrete5/concrete5-5.7.0/wiki/Migration-Guide...
Responsive replied on at Permalink Reply
Responsive
Hi Mr Pilkington :)

I set up a small test site athttp://test57.webiflex.co.uk and have created a login for User1 pwd = user1. Details on home page

Yes i tried altering the elements using CSS and even managed to separate the two areas but still have the error with rest of page and ability to edit areas in Header. I will try separating the Logo area into a div of its own and see.

Cheers

Edit update -
It all seems to point just to the Logo area as I have even separated the two areas in different col-md's . When removing the below it works normally ? 
<?php 
      $a = new GlobalArea('Logo');
      $a->display();
      ?>



Edit Update - Solved by removing <a class="navbar-brand" href="#"> .... will now alter elements when in edit mode.