V5.7 Bootstrap navbar-brand
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
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
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.
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()
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.
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.