As you can see above, the expand/collapse trigger button is on top of the close notification "X" button.
There are two ways to go in order to fix that, both using CSS only.
The first method is to add some right margin to the notification region.
.js-rightExpanded .t-Body-content .t-Body-alert, .js-rightCollapsed .t-Body-content .t-Body-alert { margin-right: 40px; /* Width of the right side region's trigger button */ }
It will then look like this:
The second method is to reposition the notification region on top of the right side region's trigger button.
.js-rightExpanded .t-Body-content .t-Body-alert, .js-rightCollapsed .t-Body-content .t-Body-alert { position: relative; /* Need to position the div for the z-index to work */ z-index: 500; /* z-index of right side column is 490 */ }
It will then look like this:
Outstanding posting! It included lots of valuable information and inspiration. If you are looking for instagram, please visit piknu
ReplyDelete